javascript – redux,react-redux,redux-thunk之间有什么区别？

我正在使用React Flux.我们的团队正计划从通量转向redux. Redux对于我来自flux world来说非常困惑.在磁通控制流程中,组件简单 – >行动 – >存储和存储更新组件.它简单而且非常清晰.

但在redux中它令人困惑.这里没有商店,是的,有些例子没有使用商店.我经历了几个教程,似乎每个人都有自己的实现风格.有些人正在使用容器,有些则没有. (我不知道这个容器概念,也无法理解mapStatePtoProps所做的mapStateToProps).

>有人可以清楚地解释如何在redux中控制流程吗？
> redux中组件/容器/操作/操作创建者/存储的角色是什么？
> redux / react-redux / redux-thunk /任何其他的区别？
>如果您可以发布任何简单而精确的redux教程的链接,那将非常有用.

解决方法:

1. Can someone clearly explain how control flow happens in redux ? Redux has (always) a single store.

>每当您想要替换商店中的状态时,您都会分派操作.
>该动作由一个或多个减速器捕获.
> reducer / s创建一个新状态,它结合了旧状态和分派的动作.
>通知商店订户有新状态.

2. What are roles of components/containers/actions/action creators/store in redux ?

>存储 – 保持状态,当新动作到达时运行调度 – >中间件 – > reducers管道,并在状态被新的状态替换时通知订户.
>组件 – 直接不了解状态的哑视图部件.也被称为表达组件.
>容器 – 使用react-redux了解状态的视图片段.也称为智能组件和更高阶组件

请注意,容器/智能组件与哑组件只是构建应用程序的好方法.

>动作 – 与flux相同 – 具有类型和有效负载的命令模式.
>行动创造者 – 创造行动的干嘛方式(不是绝对必要的)

3. Difference between redux/react-redux/redux-thunk/any others ?

> redux – 具有单个存储的流量,可用于您喜欢的任何环境,包括香草味,反应,角度1/2等等……
> react-redux – redux和react之间的绑定,创建了收听商店状态变化的容器(智能组件),为演示(哑)组件准备道具并重新渲染.
> redux-thunk – 允许您编写返回函数而不是动作的动作创建者的中间件. thunk可用于延迟动作的发送,或仅在满足某个条件时发送.主要用于对api的异步调用,即在成功/失败时调度另一个操作.

4. It would be very helpful if you can post links to any simple and
   precise redux tutorials.

> Redux official docs
> Getting Started with Redux
> Building React Applications with Idiomatic Redux
> Presentational and Container Components

标签：reactjs-flux,javascript,reactjs,redux,react-redux
来源： https://codeday.me/bug/20191003/1849832.html