BROADCASTS.com

b'Diesmal geht es wieder rein in die moderne Welt der Frontend Entwicklung. Mit\\nJon Uhlmann, Neos-Core Team Members, sprechen Hans und Vanessa \\xfcber alpine.js\\nund Petite Vue.\\n\\n\\nSCHAUNOTIZEN\\n\\n[00:00:59]\\xa0 ALPINEJS & PETITE VUE\\n\\nAlpineJS und Petite Vue sind beides \\xe4hnliche, sehr leichtgewichtige Frontend\\nFrameworks. Um eine Vorstellung davon zu bekommen, bezeichnet Jon sie als das\\njQuery des modernern Webs oder TailwindCSS des JavaScripts. M\\xf6gliche Use Cases\\nsind Formvalidierung, Modals, Nachladen von Content, MixItUp Filters und mehr.\\nDie Frameworks ben\\xf6tigen keinen virtuellen DOM. Dadurch sind die Pakete der\\nFrameworks vergleichsweise klein. Petite Vue kommt mit 5kB. Dennoch steht\\nEntwickler:innen die komplette Reaktivit\\xe4t auf Basis von Vue.js zur Verf\\xfcgung,\\nwas den Kern beider Frameworks bildet. Auch globales State Management kann z.B.\\nmit $store betrieben werden. Wie so oft sind beide der Frameworks trotz ihrer\\ngeringen Gr\\xf6\\xdfe daher auch f\\xfcr gr\\xf6\\xdfere Projekte geeignet. Neben der kleinen Gr\\xf6\\xdfe\\ndes Builds, was vor allem Vorteile f\\xfcr die User Experience bringt, nennt Jon die\\nschnelle Lernkurve und das damit verbundene schnell erreichte Ziel auf Seiten\\nder Developer Experience als Pluspunkt. Au\\xdferdem unters\\xfctzen die Frameworks\\nEntwickler:innen beim Thema Barrierefreiheit. Als einzigen Nachteil sieht er das\\nfehlende Tree-Shaking. Unterscheiden kann man AlpineJS und Petite Vue aktuell\\nquasi nur in der Gr\\xf6\\xdfe der vorhandenen Features. Petite Vue ist 3 Jahre j\\xfcnger\\nals AlpineJS. Dadurch fehlen hier (noch) Features wie Transitions. Aber\\nnat\\xfcrlich sind wir hier guter Dinge! Weitere gute Nachrichten sind, dass Testing\\nwie gewohnt zum Beispiel mit Jest und Cypress, durchgef\\xfchrt werden kann. Wir\\nw\\xfcnschen viel Spa\\xdf beim Ausprobieren der beiden verlinkten Codepens!\\n\\n\\nLINKS\\n\\n * AlpineJS Todo MVC Codepen\\n * Petite-Vue Todo MVC Codepen\\n\\n\\nVERWANDTE REVISIONEN\\n\\n * Neos CMS Revision 441\\n * Barrierefreiheit in Single Page Applications Revision 474\\n * Vue 3, taugts? Revision 473\\n * Jest 27 Revision 462'