Fabian ist der Macher von Valibot (einer modularen, typsicheren Schema-Validierungs-Bibliothek) und Formisch (einer schema-basierten, framework-agnostischen Formular-Bibliothek) sowie Co-Creator von Standard Schema, einer Spezifikation für interoperable TypeScript-Schema-Bibliotheken. Daneben pflegt und entwickelt er seine Open-Source-Projekte weiter, die inzwischen unter dem Dach der Open-Circle-Organisation gebündelt sind.
Ein Pick für alle, die mit Coding Agents arbeiten: Context7 ist eine Kontext-Sammlung für Open-Source-Projekte, die ihr als MCP oder CLI an euren Agent anbindet. Immer wenn der Agent etwas nutzen soll, wofür ihm der Kontext fehlt, zum Beispiel eine noch frische Library wie Formisch, holt er sich über Context7 die passende, aktuelle Doku direkt in den Kontext und kann sofort loslegen.
Ein CMS mit viel Potenzial, das wir auch bei der programmier.bar Webseite einsetzen und sehr happy damit sind!
Headless UI ermöglichen euch, komplexe Komponenten auf eurer Webseite zu integrieren, deren Styling ihr dennoch selbst bestimmen könnt. Diese sind barrierefrei und bieten Tastaturunterstützung.
Radix UI enthält ungestylte und barrierefreie Komponenten, die die Logik von standardisierten UI Komponenten, wie zum Beispiel Dialoge und Dropdown-Listen, abbilden. Diese kümmern sich automatisch um das Fokus-Management und fügen euren Komponenten auch Tastaturunterstützung hinzu.
Storybook ist ein Tool, um UI-Komponenten in Isolation zu entwickeln und zu dokumentieren.
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!
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.
Einen schnellen, modernen Browser für die npm-Registry will euch npmx bieten. Unter der Haube nutzt npmx dieselbe Datenbank wie npm, packt aber ein deutlich angenehmeres Interface drumherum, mit fixer Suche, Angaben zur Install-Size inklusive transitiver Dependencies und Hinweisen auf veraltete Pakete. Ihr könnt in fast jeder Package-URL npmjs.com einfach durch npmx.dev ersetzen und landet direkt in der besseren Ansicht. Das Projekt kommt aus der Community rund um Daniel Roe und das Nuxt-Team.