摘要： reducer.js中store的数据是不能改变的，用原始的方法要手动的保证store不被修改，存在风险。imutable.js可以生成一个不可改变的对象，可以避免掉自己不小心修改掉store的情况。 1.安装 2.reducer.js中导入immutable，fromJS方法可以把一个普通对象变成 阅读全文

摘要： 数据都放在reducer.js下不利于对数据进行管理，可以把一个大的reducer.js拆分成多个小的reducer.js。 小的reducer.js 大的reducer.js 注意在组件中使用“state.header.focused”而不是“state.focused” 阅读全文

摘要： 1.安装 2.简单使用 style.js: 组件里： 阅读全文

摘要： 安装create-react-app 装完之后，生成一个新的项目，可以使用下面的命令： 创建了my-app目录，这个时候，使用下面的命令就可以开始开发应用了 默认情况下，会在开发环境下启动一个服务器，监听在3000端口，它会主动给你打开浏览器的，可以立刻就看到这个app的效果。 自定义webpack 阅读全文

摘要： react-redux可以方便在react中使用redux,我们就可以忘记subscribe,只需要记住reducer，action和dispatch就可以了。react-redux提供Provider和connect两个接口。 Provider组件应该在应用最外层，传入store即可，只用一次。 阅读全文

摘要： 概述： react-saga有3个重要的函数:call ,put takeEvery。 call:在worker saga里执行异步函数； put:异步函数有结果的时候，派发action； takeEvery:当监听到aciton时,执行worker saga。 saga主要用到的是generato 阅读全文

摘要： action在到达store之前会经历一个中间件层，利用redux中间件机制，可以在action响应之前执行其他额外的业务逻辑。中间件指的是是action 与store的中间，是redux的中间件。 1.先安装 2.在index.js里创建store时配置redux-thunk。 要想使用中间件，需 阅读全文

摘要： UI组件负责页面的渲染，又叫傻瓜组件。 容器组件负责逻辑，又叫聪明组件。 当一个组件只有render函数的时候，就可以用无状态组件的形式来定义这个组件。无状态组件怎么定义呢？其实就是一个函数,接受props，返回一段jpx。无状态组件是一个函数，性能高；而普通组件是一个类，还有生命周期函数等东西。所 阅读全文

摘要： Redux是什么？ 是专于状态管理的库 专于状态管理和react解耦 单一状态，单项数据流 核心概念 store state action reducer Redux工作流 react 要改变store里的数据，先要开发一个action,action会通过store.dispatch(action) 阅读全文

摘要： state或者props发生改变，render（）j就会执行一次。 父组件的render（）被重新执行时，它的子组件的render（）都会重新执行。 阅读全文