摘要：什么是虚拟DOM react数据变化页面同步渲染的逻辑，这里分析三种逻辑。 先有数据 （state） 模版（render中的jsx） 数据 + 模版 = 生成真实Dom，来显示 state 发生改变 数据 + 模版 = 生成真实Dom，替换原有的DOM 缺陷： 第一次生成真实dom，第二次又生成一个 阅读全文

摘要：声明式开发 命令式开发：原生js和jq写代码的时候，大部分代码都是在操作dom，这种开发模式就是命令式开发。 声明式开发：react是面向数据编程，不需要直接去控制dom，你只要把数据操作好，react自己回去帮你操作dom，可以节省很多操作dom的代码。这就是声明式开发。 可以和其他框架并存 re 阅读全文

摘要：代码优化 今天我们通过es6语法，以及react新特性来优化我们的todo-list 顺带解决上个版本的key报错问题 使用es6的解构赋值优化代码 当我们需要一个对象某个属性的时候，我们可以使用解构赋值，这样在后续的代码就不需要通过原对象不停调用属性去获取了 const = this.props 阅读全文

摘要：todolist组件的拆分 之前我们做的todolist，他只有一个组件。就是App.js组件。 其实我们可以将input框，按钮都拆分成一个组件，每一个li也可以分成一个组件去渲染。 现在我们尝试将每一个li拆成一个组件去渲染。 第一步：在src目录下创建一个item.js 代码如下 import 阅读全文

摘要：安装create-react-app脚手架 npm install -g create-react-app 创建你的todo-list项目 create-react-app todo-list 注意npm命名限制，项目名称不能含有大写字母。 清除项目中不必要的文件 src目录中的：App.css, 阅读全文