Lennerts experiment: aan de slag met de Creator Kit
Lennert probeerde dit keer de Creator Kit van Microsoft uit die nog maar recent beschikbaar is. De Creator Kit is een serieus duwtje in de rug bij het maken van Power Apps, door de componentenbibliotheek en andere hulpmiddelen die de productiviteit van ontwikkelaars verhogen.
Zijn ervaring? Met de beschikbare componenten kan je snel een mooi scherm maken, dat daarbij ook nog eens makkelijk aanpasbaar is. Het is bijvoorbeeld perfect voor applicaties met lijstweergaven die je wil tonen in een interface die veel weg heeft van SharePoint door de vele beschikbare functionaliteiten.
Waarom je best maximaal inzet op herbruikbaarheid
Consistentie is een belangrijk element van een goede gebruikerservaring. Als je binnen een organisatie dezelfde componenten gebruikt doorheen verschillende apps, zijn gebruikers er sneller mee weg aangezien ze weten wat ze moeten doen of waar ze iets kunnen vinden. Daarnaast zullen de apps zo ook allemaal dezelfde look & feel uitstralen. Componenten hergebruiken is dus een serieuze boost voor de gebruiksvriendelijkheid en ook voor de user adoption.
Ook voor ontwikkelaars schuilen er heel wat voordelen in het recycleren van componenten. Door een aantal standaardcomponenten op punt te zetten, kan je ze nadien steeds weer uit de kast trekken. Dat bespaart heel wat tijd bij het bouwen en configureren van apps.
Herbruikbare componenten maken: de verschillende opties
Style screen
Je kan er ook voor opteren om in je app een apart scherm toe te voegen waar geen navigatie naartoe is. In dat style screen kan je het kleurenpalet van de organisatie en alle veel gebruikte componenten met verwijzingen naar die kleuren toevoegen. Je kan de componenten dan vanuit dat scherm kopiëren en plakken in je app, zo blijft de verwijzing intact. Een eenvoudige manier om de huisstijl van een organisatie snel te integreren doorheen een applicatie.
Component library
Terwijl je componenten in een app maakt, kan je ook een bibliotheek van diezelfde componenten aanleggen. Door een componentenbibliotheek te maken, kunnen de ontwikkelaars die samenwerken eenvoudig componenten delen met elkaar. Een update van een component hoeft ook maar op één plek te gebeuren. Een componentenbibliotheek is dus een gecentraliseerde en beheerde opslagplaats van componenten die je makkelijk kan hergebruiken in apps van dezelfde tenant. De bibliotheek kan je trouwens ook exporteren zodat je deze kan importeren in een andere tenant.
Creator Kit
Zoals hierboven vermeld, kan je ook gebruik maken van de componenten die in de Creator Kit zitten. De kit is een gratis zip-bestand dat je kan downloaden en bevat heel wat handigheidjes zoals een canvas app waarin je de ingesloten componenten aan het werk kan zien, een componentenbibliotheek, enz. Alle controls zijn gemaakt in het Fluent UI framework en alle componenten zijn aanpasbaar. Maak zeker gebruik van de ‘quick-win’ componenten zoals de spinner, de header of een elevation effect waarmee je schaduw achter elementen kan plaatsen en zo je app op een makkelijke manier een professionele uitstraling geeft.
PowerApps Control Framework (PCF)
De meest gecompliceerde manier om herbruikbare componenten te bouwen, is door middel van het PowerApps Control Framework. Deze pro-code componenten zijn geschreven in TypeScript. Ze worden vooral gebruikt om nieuwe functionaliteiten toe te voegen die vandaag nog niet bestaan in Power Apps. Soms kan je deze PCF controls ook vinden in een community, dan moet je niet van nul beginnen en kan je de component aanpassen naar je eigen wensen. Wees wel altijd alert op wat en van wie je downloadt.