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