https://github.com/okmttdhr/my-own-react

Rewrite React Fiber core algorithm in 300 lines with links to the React source code
https://github.com/okmttdhr/my-own-react

algorithms javascript react react-fiber

Last synced: about 1 year ago
JSON representation

Rewrite React Fiber core algorithm in 300 lines with links to the React source code

• Host: GitHub
• URL: https://github.com/okmttdhr/my-own-react
• Owner: okmttdhr
• License: mit
• Created: 2021-04-04T08:08:30.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-04-16T08:32:11.000Z (about 5 years ago)
• Last Synced: 2024-10-19T03:05:43.792Z (over 1 year ago)
• Topics: algorithms, javascript, react, react-fiber
• Language: JavaScript
• Homepage:
• Size: 170 KB
• Stars: 17
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# my-own-react

Rewrite React Fiber core algorithm in 300 lines with links to the React source code.

- The data structure and algorithm of Fiber

- An interruptible unit of work (_conceptually_ same as concurrent mode)

- Render and commit phase

Architecture;

![architecture diagram](architecture.png)

Resources;

- https://reactjs.org/docs/codebase-overview.html#fiber-reconciler

- https://github.com/facebook/react/issues/7942

- https://github.com/pomber/didact