Redux

一. Redux 中间件 二. 函数柯里化 先来看一下函数柯里化，毕竟函数柯里化是实现 Redux 中间件的基础！！！ 栗子1： 比如我们要实现一个求和函数 sum(x,y,z,q) ，它接收四个参数

一. 基本工作流程 <1> 跟原生 Redux 不同的是： (1) store (2) 从 store 状态树中获取 state (3) dispatch(action 对象) <2> connect

只需要在项目中 createStore() 位置配置下列代码即可： import { createStore, applyMiddleware, compose } from 'redux'; ` c

<1> 需求 所以就需要在每个组件中进行判断，如果该数据已经被请求，就使用缓存，如果没有，就在该组件中发起请求！！！ <2> 存在的异步问题 然后我们需要考虑到，数据请求存在异步问题，即数据请求回来是

需求： 想要实现，通过点击关键字按钮，来过滤出与该关键字相关的 todos： 思路： 包装一个Link 组件 < FilterLink filter = "关键字"> ，里面是 < Link > 组件

> `middleware` 是指可以被嵌入在框架`接收请求到产生响应过程中的代码`，即已经被封装好的，在接收请求到产生响应这一过程中使用的代码！！！ > **在Redux中**，middleware

一. 两个时刻三个 action 当调用异步 API 时，有两个非常关键的时刻：发起请求的时刻和接收到响应的时刻, 这两个时刻都可能会更改应用的 state ，所以至少要 dispatch三种普通的同

一. 容器组件和展示(UI)组件分离 (1) 思想: 将容器与展示(UI)组件分离 (2) 举例 假设我们有一个关于评论的组件，如果不分离，就要把获取评论数据与把数据展示的代码写在一起。即如下： bu

Redux 应用中数据的生命周期遵循下面四个步骤： 调用 store.dispatch(action) ，触发某件事情 Redux store 调用传入的 reducer 函数 Store 会把两个参

Store 在前面的章节中，我们知道了： action 就是用来描述 "发生了什么的" 对象 reducer 就是根据 action 来进行具体相关操作来返回新 state 的函数 主要职责如下： 维

<1> action 处理 reducer 就是一个纯函数，接收(旧的 state 和 action type)，然后返回新的 state 。 (preState , action) => newSt

Action的本质： Action创建函数： 即手写一个返回 action 对象的函数，然后在 dispatch() 方法中把 action创建函数作为参数传入即可。 多数情况下，可以使用 react

总的来说： 就是应用中的所有 state 都以一个对象树的形式存储在一个单一的 store 中。唯一改变 state 的办法就是触发 action (一个描述发生什么的对象)。为了描述 action

1 . 简介 " 配置 Redux 储存太复杂了" " 必须添加很多包才能让 Redux 做任何有意义的事 " " Redux 需要太多样板代码 "

配置 configureStore.js 文件 本地储存 import storage from 'redux-persist/lib/storage' 会话储存 import storageSess

1 . 两个主要组成部分 Provider 和 connect ： 1 . 1 Provider : 1 . 2 connect : 2 . connec (参数1 ，参数2)(UI组件) 的使用说明

Redux 三大特点 ： 1 . 单一数据源： 2 . State是只读的: 3 . 使用纯函数来执行更新 State ： Redux 组成部分 ： 1 . State 状态 ： 2 . action