redux-thunk、redux-promise、redux-saga是React中最常用的三种异步数据流方案。今天我们对比分析下这三个异步中间件。

使用createContext的正确姿态 本文介绍一下 React 中常见的 Context API 在class和Hook中的使用方式。在使用 Context API 之前，我们还需要知道为啥要使用

Context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。 在一个典型的 React 应用中，数据是通过 props 属性由上向下（由父及子）的进行传递的，但这对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI主题），这是应用…

Hooks 提供了很多好用的api，甚至很多人认为Hooks的useReducer等Api已经可以取代Redux了。其实Hooks和Redux的使用场景并不冲突，而且可以互相借鉴，最近react-edux最新版本(7.1)也引入了Hooks风格的Api。 useState可以用…

原理很简单，dispatch不仅可以dispatch原有的action，也可以dispatch函数，中间件thunk发现action是函数则把所有的核心方法和参数交出。看看怎么实际应用 如此一来，我们把异步的业务封装一下，把他当做一个异步action交给reudx的dispat…

嘛，有点标题党了，其实原问是applyMiddleware的实现细节，不过研究了一下感觉最终的处理目的还是为了应对异步数据流的场景，所以就安排上了。 emm，我希望阅读这篇文章的人都能有所收获（带哥可以略过）。因此，会先从一些比较基础的东西开始。 啥是闭包，简单点来讲就是你在一…

不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

1. 目录 2. redux简介 redux是react全家桶的一员，它试图为 React 应用提供「可预测化的状态管理」机制。 3. 安装 4. redux核心 State的变化，会导致View的变化。但是，用户接触不到 State，只能接触到View 所以，State的变化…