Alpine.js
Kleine interacties op een pagina die verder gewoon server-rendered is.
FrontendIn gebruik sinds 2021Regelmatig in gebruik
01Waarom deze keuze
Een paar regels voor een dropdown of tabblad, zonder bouwstap.
02Mijn aanpak
Een interface moet begrijpelijk zijn op het moment dat iemand hem voor het eerst ziet. Ik werk daarom van buiten naar binnen: eerst wat de gebruiker moet kunnen, dan welke schermen daarvoor nodig zijn, en pas daarna welke techniek dat het beste ondersteunt.
Prestaties horen bij het ontwerp, niet bij de oplevering. Beelden op maat, geen onnodige bibliotheken en een pagina die iets toont voordat alle code is geladen. Dat scheelt meer dan elke optimalisatie achteraf.
03Waar het in de praktijk misgaat
- Een zware bibliotheek toevoegen voor een probleem van vijf regels
- Toestandsbeheer opzetten dat het scherm niet nodig heeft
- Animaties die de eerste weergave vertragen
04Waar het minder past
Bij meer dan wat losse interacties loop je er snel tegenaan.