本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一起加油！期

React 新老架构的 diff 对比 React 16 之前，React 是直接通过 递归遍历 VDOM 树 查找不同，对有变化的部分重新生成真实DOM。React 16之后的 Diff 是怎样的呢

这会帮助你更快的理解。 从图中可以大概了解，通过user触发(dispatch)的行为(action)，redux会在通过middleware以及reducer的处理后更新整个状态树(state)，从而达到更新视图view的目标。这就是Redux的工作流程，接下来让我们慢慢细说…

前台路由:页面的显示由前台js控制，在url的路径中输入哈希值是不会往后台发送请求的，所以前台可以通过将哈希和页面进行映射从而控制渲染显示哪个页面。 但是这种方法有一个问题，如果再按一次回车键，它是会向后台发送请求的，如果后台路由没有相应的匹配，那么会报404的错误，一般需要后…

作者介绍：邹弓一，美团点评前端工程师，5 年 Web 前端开发经验，现在是美团点评点餐团队的一员。 前言 本文主要介绍 facebook 推出的一个类库 immutable.js，以及如何将 immutable.js 集成到我们团队现有的 react+redux 架构的移动端项目中。 本文较长…

以上这段代码，相信大家再熟悉不过了，react controlled组件的最简单的栗子，controlled input组件。首先我们来说一说React的事件，包括上面我们使用的onChange事件，都属于React的合成事件，也就是非浏览器原生的，它是对浏览器原生事件的封装事…

React除了是MVC框架，数据驱动页面的特点之外，核心的就是他很"快"。 按照普遍的说法："因为直接操作DOM会带来重绘、回流等，带来巨大的性能损耗而导致渲染慢等问题。React使用了虚拟DOM，每次状态更新，React比较虚拟DOM的差异之后，再更改变化的内容，最后统一由R…

怎么找的呢？就是根据每个 React Node上的 return属性，每个 React Node上都会存在一个 return属性，这个 return属性指向当前节点的父节点，根节点是没有父节点的，所以没有 return，找到根节点就停止了，将根节点返回。

以上, 我们就已经实现了redux的基础功能, 下面来调用我们实现的mini-redux, 检验是否达到预期. 新建~/src/index.redux.js 实现react-redux前, 我们要了解一下react的 context(不了解可以查看文档), react-redu…