摘要:
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()都会重新执行。 阅读全文