Blog
PreviousNext

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.