An Interest In:
Web News this Week
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
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
Click image to view articleVideo to accompany the articleDidact
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.
Blog Post | Code sample | Commits | Other languages |
---|---|---|---|
Introduction | |||
Rendering DOM elements | codepen | diff | |
Element creation and JSX | codepen | diff | |
Virtual DOM and reconciliation | codepen | diff diff diff | |
Components and State | codepen | diff | |
Fiber: Incremental reconciliation (self-contained post) | codepen | diff diff | |
The one with Hooks (self-contained post) | codesandbox |
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
Click image to view article4. Paul Marlow - Gooact: React in 160 lines of JavaScript
Click image to view article5. Oliver Russell - 33 line React
Click image to view article6. Ameer Jhan - Build your own React in 90 lines of JavaScript
7. Sven Roeterdink - Building your own React
Click image to view article8. Ofir Dagan - Build Your Own React
Click image to view article9. Andrew MacDonald - How I Built My Own React in Two Days and Why I Did It
Click image to view articleSign up to our free weekly newsletter and stay in the loop with the latest and greatest web development projects on GitHub at www.trendingprojects.com
10 Trending projects on GitHub for web developers - 10th July 2020
Iain Freestone Jul 10 2 min read
If you enjoyed this article you can follow me on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
Original Link: https://dev.to/iainfreestone/9-examples-of-building-your-own-version-of-react-51a8
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To