今天的码农女孩做了关于react全家桶中redux的笔记

redux 

  • redux 是一个应用数据流框架,主要是解决了组件间状态共享的问题,原理是集中式管理,主要有三个核心方法,actionstorereducer,工作流程是 view 调用 store dispatch 接收 action 传入 storereducer 进行 state 操作,view 通过 store 提供的 getState 获取最新的数据,flux 也是用来进行数据操作的,有四个组成部分 actiondispatchviewstore,工作流程是 view 发出一个 action,派发器接收 action,让 store 进行数据更新,更新完成以后 store 发出 changeview 接受 change 更新视图。Redux Flux 很像。主要区别在于 Flux 有多个可以改变应用状态的 store,在 Flux dispatcher 被用来传递数据到注册的回调事件,但是在 redux 中只能定义一个可更新状态的 storeredux store Dispatcher 合并,结构更加简单清晰
  • 新增 state,对状态的管理更加明确,通过 redux,流程更加规范了,减少手动编码量,提高了编码效率,同时缺点时当数据更新时有时候组件不需要,但是也要重新绘制,有些影响效率。一般情况下,我们在构建多交互,多数据流的复杂项目应用时才会使用它们

redux 有什么缺点

  • 一个组件所需要的数据,必须由父组件传过来,而不能像 flux 中直接从 store 取。
  • 当一个组件相关数据更新时,即使父组件不需要用到这个组件,父组件还是会重新 render,可能会有效率影响,或者需要写复杂的 shouldComponentUpdate 进行判断。
  • 步骤

    1.创建数据库存储变量;2.创建操作数据的函数,执行增删改查;3.创建管理员,对函数和变量进行过滤;4.创建状态机对象,组合仓库,管理员,函数给状态机;5.组件下进行使用

你可能感兴趣的:(笔记,javascript,前端,开发语言,react)