Diesmal geht es wieder rein in die moderne Welt der Frontend Entwicklung. Mit Jon Uhlmann, Neos-Core Team Members, sprechen Hans und Vanessa über alpine.js und Petite Vue.
Schaunotizen
- [00:00:59] AlpineJS & Petite Vue
- AlpineJS und Petite Vue sind beides ähnliche, sehr leichtgewichtige Frontend Frameworks. Um eine Vorstellung davon zu bekommen, bezeichnet Jon sie als das jQuery des modernern Webs oder TailwindCSS des JavaScripts. Mögliche Use Cases sind Formvalidierung, Modals, Nachladen von Content, MixItUp Filters und mehr. Die Frameworks benötigen keinen virtuellen DOM. Dadurch sind die Pakete der Frameworks vergleichsweise klein. Petite Vue kommt mit 5kB. Dennoch steht Entwickler:innen die komplette Reaktivität auf Basis von Vue.js zur Verfügung, was den Kern beider Frameworks bildet. Auch globales State Management kann z.B. mit $store betrieben werden. Wie so oft sind beide der Frameworks trotz ihrer geringen Größe daher auch für größere Projekte geeignet. Neben der kleinen Größe des Builds, was vor allem Vorteile für die User Experience bringt, nennt Jon die schnelle Lernkurve und das damit verbundene schnell erreichte Ziel auf Seiten der Developer Experience als Pluspunkt. Außerdem untersützen die Frameworks Entwickler:innen beim Thema Barrierefreiheit. Als einzigen Nachteil sieht er das fehlende Tree-Shaking. Unterscheiden kann man AlpineJS und Petite Vue aktuell quasi nur in der Größe der vorhandenen Features. Petite Vue ist 3 Jahre jünger als AlpineJS. Dadurch fehlen hier (noch) Features wie Transitions. Aber natürlich sind wir hier guter Dinge! Weitere gute Nachrichten sind, dass Testing wie gewohnt zum Beispiel mit Jest und Cypress, durchgeführt werden kann. Wir wünschen viel Spaß beim Ausprobieren der beiden verlinkten Codepens!
Links
Verwandte Revisionen
- Neos CMS Revision 441
- Barrierefreiheit in Single Page Applications Revision 474
- Vue 3, taugts? Revision 473
- Jest 27 Revision 462
Kommentare
Tim #
Geschrieben am 22.08.2021 um 16:05
Eine kleine Ergänzung zur Aussprache von Petite Vue: Vorausgesetzt, dass es französisch ausgesprochen wird (das ist ja bei Vue – „Vjew“ vs. „Wü“ – son Thema), wäre die korrekte Aussprache von petite die mit gesprochenem T. Also nicht „peti“ sondern eher „petitt“
Vanessa Otto #
Geschrieben am 23.08.2021 um 07:52
Hi Tim,
super, vielen Dank für den Hinweis. In circa 5 Wochen findet die Vue.js Global statt. Wir hoffen, dass Evan You selbst über Petit Vue spricht und wir uns die Aussprache abschauen – oder in dem Falle abhören – können.
Liebe Grüße
Vanessa
Hannes #
Geschrieben am 3.09.2021 um 20:49
Sehr schöne Folge. Setze AlpineJS seit einem Jahr in der Kombination mit Laravel Livewire und Tailwind ein und bin begeistert davon, wie viel damit schnell und einfach möglich ist.
Vielleicht wäre Livewire auch Mal eine Folge wert ;-)
Schepp #
Geschrieben am 14.09.2021 um 08:49
Gute Anregung. Ist schon in der Mache! Danke, Hannes 🙏
Revision 499: Laravel Livewire | Working Draft #
Geschrieben am 20.10.2021 um 10:22
[…] Revision 490 […]
RSS-Feed zu diesem Beitrag
Kommentare sind für diesen Beitrag geschlossen.