Working Draft

Revision 490: Alpine JS & Petit Vue mit Jon Uhlmann


Listen Later

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
  • AlpineJS Todo MVC Codepen
  • Petite-Vue Todo MVC Codepen
  • Verwandte Revisionen
    • Neos CMS Revision 441
    • Barrierefreiheit in Single Page Applications Revision 474
    • Vue 3, taugts? Revision 473
    • Jest 27 Revision 462
    • ...more
      View all episodesView all episodes
      Download on the App Store

      Working DraftBy Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer


      More shows like Working Draft

      View all
      Bits und so by Undsoversum GmbH

      Bits und so

      25 Listeners

      Freak Show by Metaebene Personal Media - Tim Pritlove

      Freak Show

      9 Listeners

      AstroGeo - Geschichten aus Astronomie und Geologie by Karl Urban und Franziska Konitzer

      AstroGeo - Geschichten aus Astronomie und Geologie

      5 Listeners

      Geschichten aus der Geschichte by Richard Hemmer und Daniel Meßner

      Geschichten aus der Geschichte

      199 Listeners

      c’t uplink - der IT-Podcast aus Nerdistan by c’t Magazin

      c’t uplink - der IT-Podcast aus Nerdistan

      9 Listeners

      Stay Forever - Retrogames & Technik by Stay Forever Team

      Stay Forever - Retrogames & Technik

      32 Listeners

      Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

      Logbuch:Netzpolitik

      6 Listeners

      programmier.bar – der Podcast für App- und Webentwicklung by programmier.bar

      programmier.bar – der Podcast für App- und Webentwicklung

      0 Listeners

      Podcasts von Tichys Einblick by Tichys Einblick

      Podcasts von Tichys Einblick

      23 Listeners

      eat.READ.sleep. Bücher für dich by NDR

      eat.READ.sleep. Bücher für dich

      37 Listeners

      Geld ganz einfach - von Saidi & Emil by Finanztip

      Geld ganz einfach - von Saidi & Emil

      11 Listeners

      Lanz + Precht by ZDF, Markus Lanz & Richard David Precht

      Lanz + Precht

      324 Listeners

      {ungeskriptet} - Gespräche, die dich weiter bringen by Ben Berndt

      {ungeskriptet} - Gespräche, die dich weiter bringen

      29 Listeners

      KI-Update – ein heise-Podcast by Isabel Grünewald, heise online

      KI-Update – ein heise-Podcast

      4 Listeners

      Engineering Kiosk by Wolfgang Gassler, Andy Grunwald

      Engineering Kiosk

      0 Listeners