Deep Dive 121 – SolidJS mit Fabian Hiller

SolidJS ist ein Frontend-JavaScript-Framework, das die gleichen Probleme lösen kann wie React oder Vue.js, aber auf Virtual DOM Diffing verzichtet, wodurch es besonders performant ist. Chirurgische DOM Updates erreicht man bequem mit Signals. In dieser Folge geben wir euch gemeinsam mit unserem Gast Fabian Hiller einen Überblick über SolidJS und seine Features und sprechen detailliert über das Reaktivitätskonzept der Signals. Fabian Hiller kennst du bereits aus dem News-Format und Deep Dives über Next.js oder React. Für SolidJS hat er eine Open-Source-Bibliothek für Formular-Validierung veröffentlicht und wird so zum perfekten Ansprechpartner für dieses Thema.Picks of the Day: Sebi: TypeScript-Package ts-reset – “TypeScript’s built-in typings are not perfect. ts-reset makes them better.” fasst dieses TypeScript-Package ganz gut zusammen. Wenn man ein Array filtert, indem man dem Boolean Constructor jedes Element übergibt, erhält man ein Array, was keine null oder undefined Werte mehr enthält. Dank dieses Packages stimmt in TypeScript auch die Typisierung wieder. Solche und weitere Quality-of-Life-Helferchen versüßen Sebi den Entwickler:innen-Alltag. :) Fabi: Arc Browser – Ein Browser, der in Fabis Team Google Chrome komplett abgelöst hat: Arc! Fabi ist begeistert von den vielen Features und Kleinigkeiten, die der Browser mitbringt und von denen man vorher nicht wusste, dass man sie braucht. Mit Arc werden Tab-Messis organisierter, Arbeit und Privates durch Profile getrennt und vieles mehr. Wenn ihr neugierig seid und nicht auf der Warteliste schmoren möchtet, schreibt uns eine Mail und wir senden euch einen Einladungslink! Fabian: npm-Statistiken – Hast du ein eigenes Open-Source-Projekt? Dann interessiert dich sicher diese Website! Hier kannst du im Detail Download-Statistiken für alle Packages von npm einsehen. Wenn du die Daten mit einem anderen Projekt vergleichen möchtest, bietet dir https://npmtrends.com/ ein nützliches Tool. Fabian vergleicht beispielsweise SolidJS und Qwik. Fabian: bundlejs – Mit diesem Tool kannst du online ganz easy die Größe deines npm Packages checken. Mit bundlejs.com kannst du die Bundle Size deines Projekts direkt online erfahren! Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback: [email protected] uns! Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen. TwitterInstagramFacebookMeetupYouTubeMusik: Hanimo