Build Your Own React

Following Rodrigo Pombo’s Build Your Own React tutorial to learn the core implementation principles behind React.

Todo

• Step I: The createElement Function
• Step II: The render Function
• Step III: Concurrent Mode
• Step IV: Fibers
• Step V: Render and Commit Phases
• Step VI: Reconciliation
• Step VII: Function Components
• Step VIII: Hooks

Next, I’ll implement some new features based on the current progress.

Further Reading

Here are some resources I consider valuable for learning React and understanding its internal mechanics:

• React Documentation (react.dev)
• acdlite / react-fiber-architecture (GitHub)
• Lin Clark — A Cartoon Intro to Fiber (YouTube)
• Overreacted (Dan Abramov’s blog)
• Theo’s YouTube Channel
• Philip Roberts — What the heck is the event loop anyway? (YouTube) This talk provides an excellent explanation of how JavaScript handles asynchronous programming and the role of the event loop, which is helpful for understanding React Fiber.