Build a Frontend Framework (Virtual DOM)
Build a tiny React: virtual DOM tree, components as functions, props + children, the diffing reconciliation algorithm with keys, useState and useEffect hooks, event delegation, and the architecture behind React, Vue, Preact.
advanced14 lessons4 chapters14 graded exercisesPython
No sign-up needed for lesson 1 · certificate on completion · sign up to save progress
What you’ll have built
Chapter by chapter. Every step is a graded exercise.
- Reactive Foundations
- Virtual DOM & Diffing
- Hooks & State
- Production
Starts in Python — solve in the language you choose in the editor, same tests either way.
Curriculum
4 chapters, 14 lessons. Each lesson is a short read, one graded exercise, and a quiz.
- 1What Frontend Frameworks SolveRead · exercise · quiz
- 2Virtual DOM TreesRead · exercise · quiz
- 3ComponentsRead · exercise · quiz
- 4JSX to createElement CompilationRead · exercise · quiz
Loading reference solution…