DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,864 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Iain Freestone
Iain Freestone

Posted on • Updated on

βš›οΈ 9 Examples of building your own version of React

React is an incredibly popular JavaScript framework with over 150,000 stars and used by more than 3.5 million other repositories on Github.

Sometimes the best way to understand something is to build your own version!

Some of these articles are quite old but as they mainly focus on the core concepts they are still valid today

1. Rodrigo Pombo - Build your own React

Alt Text

Click image to view article

Video to accompany the article

GitHub logo pomber / didact

A DIY guide to build your own React

Didact

A DIY guide to build your own React

This repository goes together with a series of posts that explains how to build React from scratch step by step. You can jump straight to the last post which is self-contained and includes everything.

Follow @pomber on twitter for updates.

License

The MIT License (MIT)





2. Paul O Shannessy - Building React From Scratch


3. James Smith - Reverse Engineering React

Alt Text

Click image to view article

4. Paul Marlow - Gooact: React in 160 lines of JavaScript

Alt Text

Click image to view article

5. Oliver Russell - 33 line React

Alt Text

Click image to view article

6. Ameer Jhan - Build your own React in 90 lines of JavaScript


7. Sven Roeterdink - Building your own React

Alt Text

Click image to view article

8. Ofir Dagan - Build Your Own React

Alt Text

Click image to view article

9. Andrew MacDonald - How I Built My Own β€œReact” in Two Days β€” and Why I Did It

Alt Text

Click image to view article

Sign up to our free weekly newsletter and stay in the loop with the latest and greatest web development projects on GitHub at www.iainfreestone.com

If you enjoyed this article you can follow me on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.

Top comments (1)

Collapse
 
scastiel profile image
Sebastien Castiel

Always a good idea to reimplement (in a minimalist way) a library to fully understand its concepts. This is why I built my own Redux & Redux-Saga πŸ˜‰

This post blew up on DEV in 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!