Redux学习笔记------数据流

严格的单向数据流-----核心

单向的数据流使得应用中的数据遵循相同的生命周期

redux的生命周期

1.调用 store.dispatch(action)

2.Redux store 调用传入的 reducer 函数。

Store 会把两个参数传入 reducer: 当前的 state 树和 action。

3.根 reducer 应该把多个子 reducer 输出合并成一个单一的 state 树。

combinReducer()

let todoApp = combineReducers({
   todos,
   visibleTodoFilter
 })

4.Redux store 保存了根 reducer 返回的完整 state 树。

时间: 2024-10-12 13:24:28

Redux学习笔记------数据流的相关文章

React+Redux学习笔记:React+Redux简易开发步骤

前言 React+Redux 分为两部分: UI组件:即React组件,也叫用户自定义UI组件,用于渲染DOM 容器组件:即Redux逻辑,处理数据和业务逻辑,支持所有Redux API,参考之前的文章:Redux学习笔记:Redux简易开发步骤 而React+Redux是以上两部分结合起来,方便在React中使用Redux,专用库为React-Redux.js.React-Redux.js新增了一些新方法: Provider:容器跟组件,可直接把外部的state传递给所有子组件和UI组件: m

React Redux学习笔记

React Router React Router 使用教程 Redux中间件middleware [译]深入浅出Redux中间件 Redux学习之一:何为middleware? ES6 ES6新特性概览 ant ant.design rekit 先记录两篇博文,等有时间,整理一篇

Redux学习笔记-基础知识

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "Helvetica Neue"; color: #404040 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px "Helvetica Neue"; color: #737373 } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 16.0px "

Redux学习笔记(一)

Redux 是 JavaScript 状态容器,提供可预测化的状态管理. 使用Redux应该遵循一下原则: 整个应用共享的state应该存储在store的状态树中,store是唯一的: state不能直接修改,只能通过action表达修改的意图,调用dispatch()修改state: state的修改规则reducers必须是一个纯函数,不能有副作用. Redux提供的API createStore createStore方法的作用就是创建一个 Redux store 来以存放应用中所有的 s

Redux学习笔记(二) Reducer

Action只是描述了有事情发生了这一事实,并没有指明应用如何更新 state.这是 reducer 要做的事情. reducer 就是一个函数,接收旧的 state 和 action,返回新的 state. function todos(state = [], action) { switch (action.type) { case ADD_TODO: return [...state, { text: action.text, completed: false }];default: re

redux学习笔记

3.6 Reducer Store 收到 Action 以后,必须给出一个新的 State,这样 View 才会发生变化.这种 State 的计算过程就叫做 Reducer. Reducer 是一个函数,它接受 Action 和当前 State 作为参数,返回一个新的 State. 3.3 Action State 的变化,会导致 View 的变化.但是,用户接触不到 State,只能接触到 View.所以,State 的变化必须是 View 导致的.Action 就是 View 发出的通知,表

redux异步操作学习笔记

摘要: 发觉在学习react的生态链中,react+react-router+webpack+es6+fetch等等这些都基本搞懂的差不多了,可以应用到实战当中,唯独这个redux还不能,学习redux还学的挺久的. 其中困扰我最久的就是redux的异步数据流的处理.难点主要是概念太多,接触的词太多,而且网上的案例看的头都疼,很容易晕,已经晕了好多次了.后来被我简化之后,终于搞懂了,哈哈.!来来来,今天总结一下,希望对大家有所帮助.不过本人主要是介绍redux的异步操作,如果对redux不是很熟

redux-form的学习笔记

redux是一种常用的与react框架搭配的一种数据流架构,而伴随着redux的出现,也出现了许多基于redux开源的第三方库,而redux-form就是其中之一的开源组件库,到今天我写下这篇笔记为止,在github上获得了5580颗star和654颗的fork数,今天就写一下我的redux-form的学习笔记吧 左转redux-form的api文档地址:http://redux-form.com/6.5.0/docs/api/ 1第一件要做的事当然是安装依赖啦,通过终端进入项目所在目录,写入n

C学习笔记

<C陷阱与缺陷>学习笔记 void (*func)();//初始化函数指针: (*func)(); //等价于 func(); (*(void (*)())0)(); //等价于 typedef void (*HANDLER)(int); typedef HANDLER *FUNCPTR(int,HANDLER); //等价于 void (*func(int,void(*)(int))) (int); 函数操作符优先级: 注意: 同类多等级:算术运算符.比较运算符.逻辑运算符: 从右至左结合: