Sense.js - A Fiber Reconciler
Sense is a custom UI reconciler built from scratch using the Fiber architecture principles.
How this changed my thinking about UI
This project didn’t make me faster at writing components.
It changed how I think about systems.
I now see:
- rendering as planning
- commits as execution
- hooks as ordered state machines
- keys as identity, not hints
Trying it yourself
I packaged this reconciler as a small framework and published it to npm called Sense.
If you want to explore and read through the renderer end-to-end go through the codebase GitHub.
Want to test this renderer and play along with it, you can spin up a minimal app using the provided CLI and read through the renderer end-to-end.
pnpm create sense-app
Final thoughts
Frameworks aren’t magic.
They’re carefully constrained systems built around very real limitations. Rebuilding one forces those constraints into the open — and that understanding carries far beyond UI code.
I will keep playing around and might add adding more features to this reconciler in the future like effects, context and more.