https://github.com/kiesun/learn-react-essence
:octocat:React 原理
https://github.com/kiesun/learn-react-essence
essence react
Last synced: 4 months ago
JSON representation
:octocat:React 原理
- Host: GitHub
- URL: https://github.com/kiesun/learn-react-essence
- Owner: KieSun
- License: mit
- Created: 2019-07-05T01:39:11.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2019-08-04T14:36:14.000Z (almost 7 years ago)
- Last Synced: 2025-04-05T02:22:12.090Z (about 1 year ago)
- Topics: essence, react
- Homepage: https://yuchengkai.cn/react/
- Size: 61.5 KB
- Stars: 189
- Watchers: 6
- Forks: 32
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# learn-react-essence
## 介绍
React 原理解析，记录了个人学习 React 源码的过程中的一些心得以及收获。
如果你想阅读源码，但是觉得难度有点大，可以结合我的[源码注释](https://github.com/KieSun/react-interpretation)来阅读，版本为 16.8.6。
这个仓库的内容基本是脱离源码讲原理的。目的是让大家尽可能的在不接触源码的同时也能学习到 React 原理相关的知识。
如果你觉得内容帮助到了你，可以 star 或者 watch 支持我。
## 文章链接
需要注意一点：文章的风格分为了两部分。 从调度原理开始，笔者抛弃了单纯讲源码的方式。而是将重点放在了原理上，尽可能地脱离源码讲原理，这种方式能更快更好地让读者学习到知识。
- [React 源码注释](https://github.com/KieSun/react-interpretation)，版本为 16.8.6
- [热身篇](https://github.com/KieSun/learn-react-essence/blob/master/%E7%83%AD%E8%BA%AB%E7%AF%87.md)
- [render 流程（一）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%B8%80%EF%BC%89.md)
- [render 流程（二）](https://github.com/KieSun/learn-react-essence/blob/master/render%20%E6%B5%81%E7%A8%8B%EF%BC%88%E4%BA%8C%EF%BC%89.md)
- [组件更新流程一（调度任务）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%B8%80%EF%BC%88%E8%B0%83%E5%BA%A6%E4%BB%BB%E5%8A%A1%EF%BC%89.md)
- [组件更新流程二（diff 策略）](https://github.com/KieSun/learn-react-essence/blob/master/%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%E6%B5%81%E7%A8%8B%E4%BA%8C%EF%BC%88diff%20%E7%AD%96%E7%95%A5%EF%BC%89.md)
## 线上阅读地址
Github 的阅读体验稍显逊色，你可以选择在[我的网站](https://yuchengkai.cn/react/)上阅读。
## 一起学习
觉得内容有帮助可以关注下我的公众号 「前端真好玩」或者加入 React 源码交流群。
