https://github.com/zhaoyiming0803/into-react18

Into React18, continuously updating ......
https://github.com/zhaoyiming0803/into-react18

antd-mobile react react-redux react-router typescript webpack

Last synced: about 1 month ago
JSON representation

Into React18, continuously updating ......

• Host: GitHub
• URL: https://github.com/zhaoyiming0803/into-react18
• Owner: zhaoyiming0803
• Created: 2020-04-04T05:37:52.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-12-08T08:43:27.000Z (11 months ago)
• Last Synced: 2023-12-08T09:36:42.077Z (11 months ago)
• Topics: antd-mobile, react, react-redux, react-router, typescript, webpack
• Language: TypeScript
• Homepage: http://114.115.212.253/pure-react-project-with-webpack/
• Size: 2.67 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Into React18

React 的核心可以用 UI = fn(state) 来表示：

``` javascript

const state = reconcile(state)

const UI = commit(state)

```

fn 可以分为如下一个部分：

- Scheduler（调度器）：排序优先级，让优先级高的任务先进行 reconcile

- Reconciler（协调器）：找出哪些节点发生了改变，并打上不同的 Flags / Tag

- Renderer（渲染器）：将 Reconciler 中打好标签的节点渲染到视图上

## 横向对比 [Vue](https://github.com/zhaoyiming0803/into-vue)

- 理解不同框架背后思想

- 思考如何写出易维护、高性能的组件

- 避免踩坑

- 学习优秀的代码技巧