Micro frontends, working apart together

Wat zijn micro frontends en wat zijn de voordelen?

De frontend wereld staat nooit stil en we zien dat vandaag het gebruik van micro frontends een sterke opmars maakt. Micro frontends bestaat al even maar recente ontwikkelingen, zoals de opkomst van nieuwe frameworks, toolings en cases, maken de toepassing hiervan een stuk makkelijker.

Wat kunnen we juist begrijpen onder het gebruik van micro frontends? Met micro frontends kan je met verschillende teams aan één geheel werken, waarbij de frontend wordt opgesplitst in kleinere, beter behapbare stukjes. Op die manier kunnen delen onafhankelijk van elkaar ontwikkeld en opgeleverd worden, naar analogie met de meer bekende microservices. Bij microservices wordt software opgebouwd aan de hand van verschillende mini-applicaties die elk een eigen taak hebben, maar samen voor de eindgebruiker één geheel vormen. Dit beantwoordt de vraag om teams meer autonomie te geven over een specifiek deel van de applicatie. In een agile omgeving kan dit dus zeker een pluspunt zijn aangezien teams zelf kunnen beslissen hoe hun product gebouwd wordt. Daarnaast stap je ook af van een grote, monolithische frontend die het ontwikkelingsproces enorm kan vertragen.

De voordelen van micro frontends op een rijtje:

• Je kan teams verantwoordelijkheden geven over kleine stukken
• Elk team kan apart deployen op zijn/haar eigen tijdlijn
• Gebruik van verschillende frontend technologieën is mogelijk
• Speelt in op het agile landschap
• Sneller problemen oplossen en features ontwikkelen
• Makkelijker opschalen naar meerdere teams
• Effectiviteit en efficiëntie van frontend team(s) vergroten

Omwille van deze voordelen maken al verschillende succesvolle organisaties vandaag gebruik van micro frontends. Zo hebben de development teams bij internationaal maaltijdpakketbedrijf ‘HelloFresh’ reeds grote en snelle stappen kunnen zetten doordat elk project zijn eigen server en geïsoleerde ontwikkelingsomgeving heeft. Developers kunnen vandaag projecten uitvoeren als nooit tevoren. Zo werd bijvoorbeeld de HelloFresh-shop op vier weken door drie mensen volledig uitgerold. Ook de webarchitecten van Zweeds meubelbedrijf ‘IKEA’ geven voor hun online winkelervaring de voorkeur om achterliggend te werken met verschillende, opzichzelfstaande systemen waarbij zowel de backend, als frontend door hetzelfde team worden gebouwd. Verder kozen ook andere bekende bedrijven zoals Zalando, Spotify en SoundCloud reeds voor de opsplitsing van hun frontend.

Zijn micro frontends iets voor jouw organisatie? De aandachtspunten.

Hoewel er steeds meer cases van micro frontends opduiken, zien we het gebruik ervan nog niet vaak in de praktijk terugkomen. Dit komt omdat een applicatie en omgeving zich ertoe moeten lenen. Het bedrijf en teamwerking bepalen of micro frontends een goede keuze is. We zoomen even in op de aandachtspunten.

Micro frontends brengt meer complexiteit met zich mee daar er aparte deployments en resources gemonitord moeten worden. In dit soort werking is goede communicatie tussen verschillende frontend teams doorslaggevend. Er moeten duidelijke afspraken gemaakt worden om op een gestandaardiseerde manier te werk te gaan zodat de eindgebruiker deze afzonderlijk ontwikkelde stukjes blijft ervaren als één geheel. Kortom, als een project niet bestaat uit meerdere frontend teams of als de communicatie niet gestroomlijnd is, kunnen micro frontends meer tegenwerken dan er voordeel uit gehaald wordt. In deze situatie kies je beter voor een setup die in de toekomst eventueel makkelijk kan evolueren naar micro frontends. Desondanks groeit de interesse in het gebruik van micro frontends omwille van de vele voordelen. Het advies van Yannick is om je frontend code-base en bedrijfscultuur te optimaliseren voor feature development.