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
      Chaosradio by Chaos Computer Club Berlin

      Chaosradio

      7 Listeners

      Bits und so by Undsoversum GmbH

      Bits und so

      23 Listeners

      Wissenschaft und Technik by Bayerischer Rundfunk

      Wissenschaft und Technik

      9 Listeners

      Raumzeit by Metaebene Personal Media - Tim Pritlove

      Raumzeit

      11 Listeners

      Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

      Logbuch:Netzpolitik

      7 Listeners

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

      c’t uplink - der IT-Podcast aus Nerdistan

      5 Listeners

      Apfelfunk by Malte Kirchner & Jean-Claude Frick

      Apfelfunk

      8 Listeners

      heiseshow by heise online

      heiseshow

      2 Listeners

      UKW by Metaebene Personal Media - Tim Pritlove

      UKW

      1 Listeners

      kurz informiert by heise online by heise online

      kurz informiert by heise online

      2 Listeners

      Mac & i - der Apple-Podcast by Mac & i

      Mac & i - der Apple-Podcast

      0 Listeners

      Wo wir sind ist vorne. by Moritz Glantz und Sarah Groß

      Wo wir sind ist vorne.

      0 Listeners

      Bit-Rauschen: Der Prozessor-Podcast von c’t by c't Magazin

      Bit-Rauschen: Der Prozessor-Podcast von c’t

      1 Listeners

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

      KI-Update – ein heise-Podcast

      6 Listeners

      Passwort - der Podcast von heise security by Dr. Christopher Kunz, Sylvester Tremmel

      Passwort - der Podcast von heise security

      3 Listeners