关于分析React源码的文章已经有比较多，我就不献丑了。
根据分析的结果把React的大致流程和思维导图做了一点总结，图片如下：
源码在: https://github.com/laryosbert/mini-react.git
渲染过程：
更新过程:
内部关系思维导图：
小bug：在render函数中使用map时，return函数(无状态)组件时，return后的‘(’必须紧跟在rentrun关键词后同一行。
render() {
return (
<div>
{
this.state.addrItems.map(item=>{
// ‘(‘须与return同一行
return (
<div>{item.address}</div>
);
})
}
</div>
);
}
refs:
https://juejin.im/post/5983dfbcf265da3e2f7f32de
https://github.com/purplebamboo/little-reactjs
原文：https://www.cnblogs.com/full-stack-engineer/p/8824526.html