https://github.com/solo-steven/yet-another-react
for study react source code
https://github.com/solo-steven/yet-another-react
implementation react react-dom react-source-code self-learning source-code tutorial
Last synced: 10 months ago
JSON representation
for study react source code
- Host: GitHub
- URL: https://github.com/solo-steven/yet-another-react
- Owner: Solo-steven
- Created: 2022-07-31T17:23:28.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-12T11:20:43.000Z (about 3 years ago)
- Last Synced: 2025-04-15T21:52:09.721Z (10 months ago)
- Topics: implementation, react, react-dom, react-source-code, self-learning, source-code, tutorial
- Language: TypeScript
- Homepage:
- Size: 697 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Yet-Another-React
this is repo still ongoing.
This repo is used to learn react source code, collect some resources from the community, and build some simple demos to simulate react behavior. The key feature that sets this repo apart from others is that I try to build react incrementally, each folder in the demo folder implements some of the react functionality. Concept from easy to difficult. This repo doesn't teach you to read React source code but tries to introduce the concept of React by examples.
### Prerequest
Most of the React source code is about traversing a Tree, make sure you are familiar with DFS algorithms (especially preorder-traversal) and you can solve some simple problems, here are some examples that should be easy for you to solve. Below are some examples of what you should address.
- https://leetcode.com/problems/same-tree/
- https://leetcode.com/problems/maximum-depth-of-binary-tree/
### Table of Content
- Simple VirtualDOM
- Stack Reconciler
- Task Scheduler
- Event Deletgater ( ongoing )
- Fiber Reconciler ( ongoing )
### Reference Resources
- [Building a Simple Virtual DOM from Scratch - Jason Yu](https://www.youtube.com/watch?v=85gJMUEcnkc)
- [Implement Note](https://zh-hant.reactjs.org/docs/implementation-notes.html)
- [React Source Code](https://github.com/facebook/react)