React源码解析

API

React源码解析之React.createElement()和ReactElement()

React源码解析之React.Component()/PureComponent()

React源码解析之React.createRef()/forwardRef()

React源码解析之React.createContext()

React源码解析之React.children.map()

React.forwardRef的应用场景及源码解析

---

FiberScheduler

React源码解析之ReactDOM.render()

React源码解析之RootFiber

React源码解析之Update和UpdateQueue

React源码解析之ExpirationTime

React源码解析之setState和forceUpdate

React源码解析之FiberRoot

React源码解析之scheduleWork（上）

React源码解析之scheduleWork（下）

React源码解析之requestHostCallback

React源码解析之flushWork

React源码解析之renderRoot概览

React源码解析之workLoop

---

ComponentUpdate

React之childExpirationTime

React源码解析之FunctionComponent（上）

React源码解析之FunctionComponent（中）

React源码解析之FunctionComponent（下）

React源码解析之updateClassComponent（上）

React源码解析之updateClassComponent（下）

React源码解析之PureComponet的浅比较

React源码解析之IndeterminateComponent

React源码解析之updateHostComponent和updateHostText

---

NodeUpdate

React源码解析之completeUnitOfWork

React源码解析之completeWork和HostText的更新

React源码解析之HostComponent的更新(上)

React源码解析之HostComponent的更新(下)

---

错误处理

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

---

Commit阶段

React源码解析之commitRoot整体流程概览

React源码解析之Commit第一子阶段「before mutation」

React源码解析之Commit第二子阶段「mutation」(上)

React源码解析之Commit第二子阶段「mutation」(中)

React源码解析之Commit第二子阶段「mutation」(下)

React源码解析之Commit最后子阶段「layout」(附Commit阶段流程图)

---

微信公众号

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