https://github.com/anshiii/my-react

a simple project from react source code to show how the react work 📖
https://github.com/anshiii/my-react

Last synced: about 2 months ago
JSON representation

a simple project from react source code to show how the react work 📖

• Host: GitHub
• URL: https://github.com/anshiii/my-react
• Owner: Anshiii
• License: mit
• Created: 2019-04-01T11:47:26.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T19:02:19.000Z (about 2 years ago)
• Last Synced: 2023-03-08T17:03:53.131Z (almost 2 years ago)
• Language: TypeScript
• Size: 4.62 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# my-react

a simple project from react source code to show how the react work 📖

基于(抄袭)[didact-fiber-incremental-reconciliation](https://engineering.hexacta.com/didact-fiber-incremental-reconciliation-b2fe028dcaec)实现的 react ，旨在理解 react(16.8.4) 源码，减少实际开发中遇到问题的可能，主要实现了渲染和更新，这里将补充我想知道的其他功能在react源码里的实现。

## reference

* [react](https://github.com/facebook/react/)

* [React-Fiber-Architecture](https://github.com/SaeedMalikx/React-Fiber-Architecture)

* [didact-fiber-incremental-reconciliation](https://engineering.hexacta.com/didact-fiber-incremental-reconciliation-b2fe028dcaec)

* [Under-the-hood-ReactJS](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)

## Features

自带的功能点

- classComponent

- 基于 fiber 的 reconcile

- createElement （可配置 babel 后使用 jsx）

- 异步计算更新(使用 requestIdleCallback 调度任务)

## todo

- [x] key

- [x] fragment(用fragment包裹数组child，之前？)

- [x] functionComponent

- [ ] hooks

- [ ] setState 合并

- [ ] ref

- [ ] priorities

- [ ] events

### **[wiki](https://github.com/Anshiii/my-react/wiki/Contents)**