Let’s learn how modern JavaScript frameworks work by building one

published on 2023/12/24

From my perspective, the post-React frameworks have all converged on the same foundational ideas:

  • Using reactivity (e.g. signals) for DOM updates.
  • Using cloned templates for DOM rendering.
  • Using modern web APIs like template and Proxy, which make all of the above easier.

Now to be clear, these frameworks differ a lot at the micro level, and in how they handle things like web components, compilation, and user-facing APIs. Not all frameworks even use Proxys. But broadly speaking, most framework authors seem to agree on the above ideas, or they’re moving in that direction.

So for our own framework, let’s try to do the bare minimum to implement these ideas, starting with reactivity.

Nolan Lawson