Fabian Hiller
@fabianhiller.com
TypeScript expert w/ 400M+ monthly npm downloads. Creator of @valibot.dev & @formisch.dev, co-creator of https://standardschema.dev and prev engineer at https://usemotion.com
Gerade beim Garten bewässern reingezogen, super Folge, super Pocast direkt abonniert 🫡 War über @fabianhiller.com's bzw @valibot.dev's Discord drüber gestolpert 🙌
programmier.bar - der podcast für web & mobile dev@programmier.bar · 2d agoNeue Podcastfolge 🎧 Fabian Hiller, der Kopf hinter Valibot und Standard Schema, zeigt uns Formisch: eine schema-basierte, headless Form-Library, die in sechs Frameworks nativ läuft und bei ~2,5 kB startet. 👉 Reinhören: www.programmier.bar/podcast/deep...
Neue Podcastfolge 🎧 Fabian Hiller, der Kopf hinter Valibot und Standard Schema, zeigt uns Formisch: eine schema-basierte, headless Form-Library, die in sechs Frameworks nativ läuft und bei ~2,5 kB startet. 👉 Reinhören: www.programmier.bar/podcast/deep...
New podcast for our 🇩🇪 German friends about Valibot and Formisch. 🧩 Check it out! www.programmier.bar/podcast/deep...
Deep Dive 213 – Valibot & Formisch mit F... | programmier.bar
Warum ist es eigentlich immer noch so mühsam, ein Formular sauber und typsicher zu bauen? Fabian Hiller ist Founding Engineer bei einem Startup in New York...
programmier.bar
I have started using Flue v2 as the basis for a new agentic system that I am developing. I made a lot of progress within a few hours. I am curious to see where things are going. 🔥
I never imagined seeing this one day. GitHub now shows 100K+ public repositories using @valibot.dev. I'm not sure how precise that number is, but it's a huge milestone either way.
Really cool to see Flue using Valibot throughout its API. Typed inputs. Typed outputs. End-to-end type safety. It is always exciting to see projects choose Valibot as a core building block. Thanks Fred.
@formisch.dev is now available for 8 frameworks. It uses no runtime adapter and incurs no abstraction tax. You can expect great DX, native performance, and a small bundle size. ⚡️
ChatGPT Web has migrated from Zod to Valibot. 📦 Bundle size reduction: 10+ kB ⚡ Valibot code actually used: ~1.9 kB Who else should consider migrating? 👀
I am exited to announce the v0 release of 🧱 Formisch for React Native. Formisch is a lightweight, schema-first, and fully type-safe form library. Try it out now! formisch.dev/react-native...
Introduction
Formisch is a schema-based, headless form library for React Native. It manages form state and validation. It is type-safe, fast by default and its bundle size is small due to its modular design.
formisch.dev
Formisch for @reactnative.dev should be ready sometime this week 🔥 github.com/open-circle/...
feat(core,methods): add react-native framework adapter (#117) by espetro · Pull Request #137 · open-circle/formisch
Summary Adds the React Native framework adapter to @formisch/core and wires up a React Native build target in both @formisch/core and @formisch/methods, per #117. This is the signal-layer foundatio...
github.com
Should we ship 🧱 @formisch.dev for Octane?
Dominic Gannaway@trueadm.dev · last wk.Happy to announce Octane – the successor to Inferno. React’s programming model, compiled. Hooks, Suspense and Actions, compiled ahead of time. No virtual DOM. No Rules of Hooks. No manually maintained dependency arrays. The compiler understands what your code. octanejs.dev
![// Counter.tsrx — hooks next to output, no rules of hooks
import { useState, useEffect } from 'octane';
export function Counter(props) @{
const [count, setCount] = useState(0);
// A hook behind a condition is fine — slots are
// assigned by call site, not call order.
if (!props.paused) {
useEffect(() => {
console.log('count is now', count);
}); // the compiler infers [count]
}
<button onClick={() => setCount(count + 1)}>{'Count: ' + count}</button>
}](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:e32yv4womglmqogqi2vvuk6b/bafkreihuwq3jfzwx2mxzm25vcynkwi6nk4rosykpohovghmng3e3nzerhq)
🧱 @formisch.dev seems pretty stable since we release v1 RC a few weeks ago. You should give it a try for your next form! We have lots of good guides on how to use it or migrate from another library in our docs.
@formisch.dev, the lightweight, schema-first, and fully type-safe form library, is now also available for @angular.dev. Take a look and play around with it! stackblitz.com/edit/formisc...
Formisch Playground for Angular - StackBlitz
A Vite TypeScript project based on @angular/common, @angular/compiler, @angular/core, @angular/platform-browser, @angular/router, @formisch/angular, @formkit/auto-animate, @tailwindcss/vite, clsx, rxj...
stackblitz.com
The @formisch.dev docs are now agent optimized too. Please send your agent over and let him write some forms! 🧱
We improved the @valibot.dev docs for coding agents. Expect that generating Valibot schemas will get even better going forward. We also implemented a MCP server that you can give to your agent.
Forms are the last place in the TypeScript stack where the schema is an add-on instead of the foundation. That won't survive the next two years. Every layer of your stack has gone schema-first. Your DB. Your API. Your env vars. Your forms are still passing around `any` and calling it validation.
Many thanks to Mateusz and the ZanReal team for improving the speed and reducing the needed resources to host the Valibot and Formisch docs. Read the blog post if you are curious to learn more: zanreal.com/case-studies...
Valibot and Formisch docs at cache speed
Static Qwik SSG for Valibot and Formisch: 1,100+ pre-rendered pages, no request-time rendering, and about 80 ms to first byte from an edge cache.
zanreal.com
🚨 A blog post worth reading, not just bookmarking. Learn more about the history of JavaScript form libraries and where we think we are heading. dev.to/oluwawunmiad...
Schemas Won. Form Libraries Haven't Noticed Yet
A look at how TypeScript projects came to treat schemas as the source of truth for data, why the big form libraries were designed before that happened, and what a form library looks like when it's des...
dev.to
We now also offer migration guides for switching from Superstruct and io-ts. These two libraries share a similar philosophy to some degree but I think they are no longer actively maintained. valibot.dev/guides/migra...
Migrate from Superstruct
Migrating from Superstruct to Valibot is particularly easy since both libraries share the same functional and composable design.
valibot.dev
In addition to adding new migration guides to the @valibot.dev docs, I also added some to @formisch.dev. It seems like many of you are curious to try out my new form library. If you are coming from React Hook Form, take a look at this guide: formisch.dev/react/guides...
Migrate from React Hook Form
Learn how to migrate your forms from React Hook Form to Formisch. This guide maps React Hook Form APIs to their Formisch equivalents and walks through the migration step by step.
formisch.dev
I also worked on more @valibot.dev migrations guides to migrate from class-validator, Superstruct and io-ts. You can find them in our docs now. 🧩
I also wrote a migration guide to migrate from Joi to Valibot. Both guides also provide a markdown version that you can give to your coding agent. valibot.dev/guides/migra...
Migrate from Joi
Migrating from Joi to Valibot is straightforward in most cases since both APIs share the same basic concepts.
valibot.dev
Fabian Hiller@fabianhiller.com · 2w agoI worked on a migration guide to help you migrate from Yup to Valibot: valibot.dev/guides/migra...
Good stuff! I added it to my onboarding guide („Build / Vite SPA“) lab.fubits.dev/svelte-5-onb...
Svelte 5 & SvelteKit Onboarding
Roadmap with curated topics for both new and experienced Svelte 3/4 developers
lab.fubits.dev
I worked on a migration guide to help you migrate from Yup to Valibot: valibot.dev/guides/migra...
Migrate from Yup
Migrating from Yup to Valibot is straightforward in most cases since both APIs share the same basic concepts.
valibot.dev
Hey folks 👋 Quick reintroduction for anyone who is new here: I am Fabian, a German who traded Baden-Württemberg for Brooklyn. For the last few years I have been building a small, but important foundation that quietly runs under a lot of TypeScript apps: schema validation and form state.
🚨 @svelte.dev devs, I recommend taking a look at this blog post: formisch.dev/blog/dynamic...
Building a Dynamic Invoice Form in Svelte 5 with Formisch
Build a dynamic invoice form in Svelte 5 using Formisch, Valibot, FieldArray, and typed schema validation.
formisch.dev
