ykforerlang

讲真，redux已经很小了，去掉注释代码也就300行吧，注释写的也是非常详细了。 redux 更多的是对思维上的变化：数据改变 + 视图更新 二者分开，各自管理自己。 redux 是这样的一个流程：触发一个action --> redux做一些逻辑，返回state --> 触发…

。。 学习一个库的最好的方法就是实现一个， 实际react的代码可能相去甚远。 react组件可以完全不用JSX， 用纯js来写。 JSX语法经过babel转化就是纯js代码， 譬如： 这两种是等效的。 babel 通过babylon 来把JSX转化为js react 中vir…

react-router 已经经历了好几个版本的大更新。 在这里我们打算参照v4.0的设计思想 创一个轮子: tiny-router 现代浏览器提供了 提供了对history栈中内容的操作的api。 重要的有 pushState, replaceState。 这将使浏览器地址栏…

这个UnusedComp 组件关心这样的几个props： a, b, c, f(a,b), h(b, c), g(a, c), u(a, b, c), 其中f, h, g, u分别是一个函数。 关于这几个计算的值， 我们应该怎么处理呢？ 这样我们的组件简单了， 只需要直接取值渲…

react-redux 是一个连接react和redux的库， 方便把redux状态库在react中使用。 先让我们来个裸的redux 和react结合的例子试试手 样例store（本文都会以这个store为例） 这个store接受一个 type为add的action。 假设…

讲真，redux已经很小了，去掉注释代码也就300行吧， 大家可以去读一下， 注释写的也是非常详细了。 redux 更多的是对思维上的变化：数据改变 + 视图更新 二者分开，各自管理自己。 现在，让我们从无到有！！ redux 是这样的一个流程：触发一个action --> r…

在给tinyreact加生命周期之前，先考虑 组件实例的复用 这个前置问题 render函数 只能返回一个根 所以 最终的组件树一定是类似这种的 (首字母大写的代表组件， div／span／a...代表原生DOM类型) 是绝对不可能 出现下图这种树结构 (与render函数返回…

我们在 render, setState 设置下时间点。 在10000万个div的情况下， 第一次render和setState触发的render 耗时大概在180ms （可能跟机器配置有关） 首次render将会创建大量的DOM元素， 耗时不可避免。 但是setState引起…