Home

This is the wiki for the book "Build a web frontend framework (from scratch)." In this book, you build a frontend framework yourself to learn how frontend frameworks work.

Contents

The learning is divided in 5 parts:

• Part I—No Framework (📘 book)
  • Chapter 1—Are frontend frameworks magic to you?
  • Chapter 2—Vanilla JavaScript—like in the old days
• Part II—A Basic Framework (📘 book)
  • Chapter 3—Rendering and the virtual DOM
  • Chapter 4—Mounting and destroying the virtual DOM
  • Chapter 5—State management and the application's lifecycle
  • Chapter 6—Publishing and using your framework's first version
  • Chapter 7—The reconciliation algorithm: diffing virtual trees
  • Chapter 8—The reconciliation algorithm: patching the DOM
• Part III—Improving the Framework (📘 book)
  • Chapter 9—Stateful component
  • Chapter 10—Component methods
  • Chapter 11—Subcomponents—Communication via props and events
  • Chapter 12—Keyed lists
  • Chapter 13—The component lifecycle hooks and the scheduler
  • Chapter 14—Testing asynchronous components
• Part IV—Extra features (🖥 online; coming soon)
  • Chapter 15—Slots—Inserting external content
  • Chapter 16—Single Page Application routing
  • Chapter 17—Implementing a hash router
  • Chapter 18—Routing the application
• Part V—Advanced topics (🖥 online; coming soon)

You can read the first three parts in the book—can buy your copy here. Parts IV and V will be published in this repository. (This is still work in progress.)

Solutions to exercises

The answers to the exercises can be found in the solutions to exercises section.

Errata

The mistakes in the code or the text are explained in detail in the errata section.