Redux: 文档需要一张或多张图表

创建于 2015-08-29  ·  30评论  ·  资料来源: reduxjs/redux

没有图表解释 Redux 中的流程。

我用这张图解释了一些成功：
redux flow

我很乐意以 png 或 svg 格式提供此文件，并进行您想要的任何更改。

picture wmertens
👍57 ❤11 🎉6 😄5 👀2 🚀1

最有用的评论

这些也非常好（来自 http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/）：

基本流程

副作用

API 中间件的副作用

picture gaearon 于 2016-05-04
👍290 ❤92 🎉53 😄34 🚀8 👀4

所有30条评论

惊人的！ 谢谢！

Johnius picture Johnius 于 2015-08-29

我喜欢你的图表，但阴影和渐变感觉有点花哨。 也许你可以用纯色代替？

/2美分

alkhe picture alkhe 于 2015-08-30

什么是选择器？

Johnius picture Johnius 于 2015-08-30

@Johnius这是连接器用来使状态更具体并缓存先前值的方法。

alkhe picture alkhe 于 2015-08-30

@edge这是一个connect()函数？ 我不记得那里有缓存的可能性。 还是图书馆？

Johnius picture Johnius 于 2015-08-30

@Johnius它本身不会缓存，但 React 会缓存。 它通过使用旧的 props 并在新的 props 上做一个浅层的相等性检查来实现shouldComponentUpdate ，本质上是做一个缓存检查。

alkhe picture alkhe 于 2015-08-30

科学同意视觉效果很重要： https :

wmertens picture wmertens 于 2015-09-13

我发现这个很有帮助。 但是没有提到选择器。
Redux Diagram

svnlto picture svnlto 于 2015-09-16
👍13 ❤4 🎉2 😕1

另一个图https://voice.kadira.io/rethinking-redux-f1e96daba60c#.9zs9rp0vf

peteruithoven picture peteruithoven 于 2015-12-30

上图为方便起见：

image

Sigmus picture Sigmus 于 2015-12-30
👍30 ❤3 🎉2

很棒的图表！ 也许flux vs redux图也有助于解释两者之间的差异 - 以及演示组件（react）如何仍然完全分开。 也许这属于动机文档的早期部分， @gaearon

thongly picture thongly 于 2016-01-10

@thongly我正在起草一份代表通量和 redux 架构的草案。

henriquesosa picture henriquesosa 于 2016-01-26

您可以在此处找到表示 Flux/Redux 和其他单向数据流架构的图表

Lassi picture Lassi 于 2016-01-26

由http://makeitopen.com/tutorials/building-the-f8-app/data/ 提供：

gaearon picture gaearon 于 2016-04-13
👍10

这个图给人的印象是只有动作类型被传递给调度程序，而不是动作。

亚当

2016 年 4 月 13 日下午 2:15，Dan Abramov通知@ github.com 写道：

由http://makeitopen.com/tutorials/building-the-f8-app/data/ 提供：

—
您收到此消息是因为您订阅了此线程。
直接回复此邮件或在 GitHub 上查看

adamdonahue picture adamdonahue 于 2016-04-14
👍1

我喜欢 f8 之一，它只有三个主要组件，但表明还有更多功能。

wmertens picture wmertens 于 2016-04-16

这些也非常好（来自 http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/）：

基本流程

副作用

API 中间件的副作用

gaearon picture gaearon 于 2016-05-04
👍290 ❤92 🎉53 😄34 🚀8 👀4

@gaearon我喜欢那些，除了 AFAIK 在 Redux 中不存在的“调度程序”，并且有点将它与 Flux 混淆。

aweary picture aweary 于 2016-05-04

是的，它可能应该是“调度功能”。

gaearon picture gaearon 于 2016-05-06
👍5

此处找到的图表非常适合“计数器”教程： http :

未找到图像。 存档： https ://web.archive.org/web/20160805065602/http://kenev.net/images/2015/09/redux-counter.png
文章存档： https ://web.archive.org/web/20161005091221/http://kenev.net/2015/09/06/redux-counter-sample-diagram

该图是与散文一起构建的。

josefbetancourt picture josefbetancourt 于 2016-08-14

现在卷入#1785。 请保留带有图表的 PR！

timdorr picture timdorr 于 2016-09-04

我真的很喜欢这张图：

在这篇文章中找到： http :

markerikson picture markerikson 于 2017-11-26
👍7

这里有一个图我提出由@terpiljenya幻灯片共享一个@gaearon启发。

redux-diagram__1300x1434

yadielar picture yadielar 于 2018-02-25
👍19 ❤8

我的简单图：
Redux

victorvhpg picture victorvhpg 于 2018-04-09
👍5

screenshot 2018-12-29 at 8 12 48 am

关于如何在 redux 中改变状态的高级概述。 此屏幕截图来自Stephen Grider的 Udemy 课程

如果您有兴趣阅读有关 redux 中状态突变的更多信息：
https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns

如果你对他的课程感兴趣：
https://www.udemy.com/react-redux/

havesomeleeway picture havesomeleeway 于 2019-01-13
👍1

我很期待官方的数据流图...

就像 vuex 一样。

image

https://vuex.vuejs.org/
https://vuex.vuejs.org/vuex.png

xgqfrms picture xgqfrms 于 2019-06-19
😄2 👀1

这些也非常好（来自 http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/）：

基本流程

副作用

API 中间件的副作用

你好，我喜欢你的图形。 你是如何制作它们的？

stg101 picture stg101 于 2019-06-24
👍1

@gaearon我真的很喜欢动画，你用的是什么工具？

imvetri picture imvetri 于 2019-06-25

@imvetri我认为 Microsoft PowerPoint 动画就足够了！

演示

ppt-animation

demo的ppt文件

xgqfrms picture xgqfrms 于 2019-06-25
😄4 🚀2 🎉2 👍2 😕1

好的..轮到我了..
创建它关闭通量流程图..

redux-diagram (1)

i-mw picture i-mw 于 2020-05-03
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

jimbolla picture jimbolla  ·  3评论
ramakay picture ramakay  ·  3评论
captbaritone picture captbaritone  ·  3评论
mickeyreiss-visor picture mickeyreiss-visor  ·  3评论
rui-ktei picture rui-ktei  ·  3评论