DEV Community

Iain Freestone
Iain Freestone

Posted on • Edited on

75 28

⚛️ 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.

Heroku

Amplify your impact where it matters most — building exceptional apps.

Leave the infrastructure headaches to us, while you focus on pushing boundaries, realizing your vision, and making a lasting impression on your users.

Get Started

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 😉

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

If this article connected with you, consider tapping ❤️ or leaving a brief comment to share your thoughts!

Okay