ReactExplain

<h1>React源码解析</h1> <h3>说明</h3>

• 本源码可从https://github.com/AttackXiaoJinJin/reactExplain/blob/master/react16.8.6/CHANGELOG.md 查看版本号，建议直接 fork，若从官网下载源码，考虑到 文件名称被rename 的问题，建议版本号从16.9.0开始 官网 release 地址： https://github.com/facebook/react/releases?after=v16.10.2

• 如果找不到对应的函数名/文件名，建议全局搜索里面的代码块进行查找

<h3>API</h3>

React源码解析之React.createElement()和ReactElement() <br/><br/> React源码解析之React.Component()/PureComponent() <br/><br/> React源码解析之React.createRef()/forwardRef() <br/><br/> React源码解析之React.createContext() <br/><br/> React源码解析之React.children.map() <br/><br/> React.forwardRef的应用场景及源码解析

---

<h3>FiberScheduler</h3>

React源码解析之ReactDOM.render() <br/><br/> React源码解析之RootFiber <br/><br/> React源码解析之Update和UpdateQueue <br/><br/> React源码解析之ExpirationTime <br/><br/> React源码解析之setState和forceUpdate <br/><br/> React源码解析之FiberRoot <br/><br/> React源码解析之scheduleWork（上） <br/><br/> React源码解析之scheduleWork（下） <br/><br/> React源码解析之requestHostCallback <br/><br/> React源码解析之flushWork <br/><br/> React源码解析之renderRoot概览 <br/><br/> React源码解析之workLoop

---

<h3>ComponentUpdate</h3>

React之childExpirationTime <br/><br/> React源码解析之FunctionComponent（上） <br/><br/> React源码解析之FunctionComponent（中） <br/><br/> React源码解析之FunctionComponent（下） <br/><br/> React源码解析之updateClassComponent（上） <br/><br/> React源码解析之updateClassComponent（下） <br/><br/> React源码解析之PureComponet的浅比较 <br/><br/> React源码解析之IndeterminateComponent <br/><br/> React源码解析之updateHostComponent和updateHostText

---

<h3>NodeUpdate</h3>

React源码解析之completeUnitOfWork <br/><br/> React源码解析之completeWork和HostText的更新 <br/><br/> React源码解析之HostComponent的更新(上) <br/><br/> React源码解析之HostComponent的更新(下)

---

<h3>错误处理</h3>

React源码解析之「错误处理」流程

---

<h3>Commit阶段</h3>

React源码解析之commitRoot整体流程概览 <br/><br/> React源码解析之Commit第一子阶段「before mutation」 <br/><br/> React源码解析之Commit第二子阶段「mutation」(上) <br/><br/> React源码解析之Commit第二子阶段「mutation」(中) <br/><br/> React源码解析之Commit第二子阶段「mutation」(下) <br/><br/> React源码解析之Commit最后子阶段「layout」(附Commit阶段流程图) <br/><br/>

---

<h3>React-Hooks</h3>

ReactHooks源码解析之useState及为什么useState要按顺序执行 <br/><br/> ReactHooks源码解析之useEffect <br/><br/>

---

<h3>好文分享</h3>

图解React ——作者：公里柒(KM.Seven) <br/><br/> React源码揭秘1 架构设计与首屏渲染——作者：卡颂 <br/><br/> 这可能是最通俗的 React Fiber(时间分片) 打开方式——作者：荒山 <br/><br/> 走进React Fiber 架构——作者：intopiece_槟

---

<h2>微信公众号</h2>

每周分享前端干货和生活感悟！