https://github.com/sunsunmonkey/sun-react

mini-react ⚛️
https://github.com/sunsunmonkey/sun-react

mini-react react-18

Last synced: 9 months ago
JSON representation

mini-react ⚛️

• Host: GitHub
• URL: https://github.com/sunsunmonkey/sun-react
• Owner: sunsunmonkey
• Created: 2023-08-27T00:23:16.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-24T03:05:42.000Z (about 2 years ago)
• Last Synced: 2024-03-24T15:46:32.121Z (about 2 years ago)
• Topics: mini-react, react-18
• Language: TypeScript
• Homepage:
• Size: 240 KB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# sun-react

接近官方的手写react ⚛️

[解析流程文章12篇](./article/) 

- [jsx](./article/jsx.md)

- [mount](./article/mount.md)

- [Hook架构](./article/Hook-infra.md)

- [useState](./article/useState.md)

- [useEffect](./article/useEffect.md)

- [useTransition](./article/useTransition.md)

- [useRef](./article/useRef.md)

- [useContext](./article/useContext.md)

- [Scheduler](./article/Scheduler.md)

- [update和diff](./article/update_diff.md)

- [并发更新](./article/concurrent.md) 

- [性能优化](./article/performance.md)

  




✅ 实现和原版react一致的事件机制

✅ 实现完整的render，commit流程

✅ 单节点和多节点的diff

✅ 实现并发更新流程

✅ 实现Hook架构，同时实现hook有( useState , useEffect , useTransition , useRef , useContext  )

✅ 接入Scheduler调度流程

✅ 接入lane模型

✅ 实现bailout和eagerState的性能优化策略

✅ 实现与宿主环境无关的noop-render