ylushen的博客

react-hooks源码解析 参考资料 掘金用户：????holyZhengs 导语 hooks是function组件渲染中的一个环节。作用是将一部分组件的数据处理逻辑独立出来，以渐进式方式的加入到函数组件中。 源码地址packages/react-reconciler/src/ReactFiberHooks.js 根据源码实现简易hookDemo的代码地址：src/hookDemo目录下的CommonDemo组件 来玩局游戏吧! 废话不多说，上图: 整个hooks执行阶段，可以类比成开一局

React渲染机制 一、react-dom 渲染 模块说明 作用：React的DOM和服务器渲染器的入口点。它可以与通用的React包配对，一般用于渲染web端 执行过程 执行react-dom的render方法。// ReactDOM.render render( element: React$Element<any>, // react创建的基础对象 container: DOMContainer, // 根节点 callback: ?Function, //

实例化过程 一、ReactBaseClasses基类解析 1. Component // 构建方法 function Component(props, context, updater) { this.props = props; this.context = context; // If a component has string refs, we will assign a different object later. this.refs = emptyObjec

基于react源码16.8.6版本搭建学习环境 导言 参考资料 segmentfault用户：A_大白 https://segmentfault.com/a/1190000020239791 react版本（16.8.6分支）以及这么做的原因 react跟vue不同，react没有保留run dev的环境，本人没找到直接通过源码构建执行环境的方法，如果有成功的，期待分享一下啦。 所以通过同源react项目，直接引入react源码中，react/src/react目录下的文件。 因为其中使用了flow的语法