基础-React.Children

React.Children 可能很多人都不知道React.Children这个API, 一方面是因为这个API不常用, 另一方方面是跟数组处理功能差不多, 不深究实现是比较容易理解的。但是后来实际去看了一下源码之后发现,他的实现方式还是非常有趣的,尤其是map和forEach,我们就按照map的流程来看一下,forEach其实差不多,只是没有返回新的节点。 API React.Children下的API有这些 1 2 3 4 5 6 7 const Children = { map, forEach, count, toArray, only, }; 其 Continue reading

react源码解析/基础-Component-PureComponent

Component&PureComponent Component与PureComponent是我们工作中经常使用的两个API, 它们的源码ReactBaseClasses.js文件中, 根据文件最后一行可以知道, 这个文件只导出了Component和PureComponent. Component 首先, 我们来看Component: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 function Component(props, context, updater) { this.props = props; this. Continue reading

基础-ReactAPI

ReactAPI 平时我们都说我们使用三大框架之一的React进行开发, 但其实大部分人都不一定知道React是个什么东西. 这一系列文章将从React底层来剖析它的基础, 思想以及运行机制. React的核心包括react库和react-dom库,react仅仅1000多行代码,而react-dom却将近2w行. 其实 react库中仅仅是定义了我们的一些基础, 导出一些我们常用的API, 而react-dom库则包含了大部分框架逻辑. 这一系列文章是在React16+的基础上写的, React16相较于之前的版本是核心上的一次重写,虽然主要的API都没有变化,但是增加了很多能力。并且 Continue reading