Redux: ドキュメントには1つ以上の図が必要です

作成日 2015年08月29日  ·  30コメント  ·  ソース: reduxjs/redux

Reduxのフローを説明する図はありません。

私はこの図でそれを説明することに成功しました:
redux flow

これをpngまたはsvgで提供し、必要に応じて変更を加えたいと思います。

docs

最も参考になるコメント

また、これらは本当に素晴らしいです(http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/から):

基本的な流れ

副作用

APIミドルウェアの副作用

全てのコメント30件

素晴らしい! ありがとうございました!

私はあなたの図が好きですが、影とグラデーションは少し派手に感じます。 多分あなたは代わりに無地を使うことができますか?

/ 2セント

セレクターとは?

@Johniusこれは、Connnectorが状態をより具体的にし、以前の値をキャッシュするために使用するものです。

@edgeこれはconnect()関数ですか? そこにキャッシュの可能性があることを覚えていませんでした。 それとも図書館ですか?

@Johniusそれ自体はキャッシュしませんが、Reactはキャッシュします。 古い小道具を使用し、新しい小道具で浅い等価性チェックを実行することでshouldComponentUpdate実装します。基本的には、キャッシュチェックを実行します。

科学はビジュアルが重要であることに同意します//blog.slideshare.net/2015/08/31/the-scientific-reason-why-bullets-are-bad-for-presentations/

これはとても役に立ちました。 ただし、セレクターについては言及されていません。
Redux Diagram

便宜上、上の図は次のとおりです。

image

素晴らしい図! おそらく、フラックスとリダックスの図は、2つの違い、およびプレゼンテーションコンポーネント(反応)がまだ完全に分離されている方法を説明するのに役立ちます。 おそらくこれはモチベーションドキュメントの初期の部分、 @ gaearonに属しています

@thongly私は、fluxアーキテクチャとreduxアーキテクチャの両方を表すドラフトで作業しています。

Flux / Reduxおよびその他の単方向データフローアーキテクチャを表す図はここにあります

この図は、アクションではなく、アクションタイプのみがディスパッチャに渡されるという印象を与えます。

アダム

2016年4月13日には、午前2時15分PMで、ダン・アブラモフ監督の[email protected]書きました:

http://makeitopen.com/tutorials/building-the-f8-app/data/の礼儀:


このスレッドにサブスクライブしているため、これを受け取っています。
このメールに直接返信するか、GitHubで表示してください

私はf8が好きです、それは3つの主要なコンポーネントしかないが、もっと進んでいることを示しています。

また、これらは本当に素晴らしいです(http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/から):

基本的な流れ

副作用

APIミドルウェアの副作用

@gaearon AFAIKがReduxに存在せず、Fluxと混同する「ディスパッチャー」を除いて、私はそれらが好きです。

ええ、それはおそらく「ディスパッチ機能」だったはずです。

ここにある図は、「カウンター」チュートリアルに完全に適合します: 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

この図は、散文と組み合わせて作成されています。

今のところ#1785にロールアップします。 ダイアグラム付きのPRを続けてください!

私はこの図が本当に好きです:

この記事で見つかりました: http

これは、 @ terpiljenyaスライドから共有された@gaearonに触発されて作成した図です。

redux-diagram__1300x1434

私の簡単な図:
Redux

screenshot 2018-12-29 at 8 12 48 am

reduxで状態を変更する方法の概要。 このスクリーンショットは、StephenGriderによるUdemyコースからのものです

reduxの状態の変化についてもっと読むことに興味がある場合:
https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns

彼のコースに興味がある場合:
https://www.udemy.com/react-redux/

公式のデータフロー図を楽しみにしています...

vuexがしたように。

image

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

また、これらは本当に素晴らしいです(http://slides.com/jenyaterpil/redux-from-twitter-hype-to-production#/から):

基本的な流れ

副作用

APIミドルウェアの副作用

こんにちは、私はあなたのグラフィックが好きです。 どうやって作ったの?

@gaearonアニメーションが本当に好きですが、どのツールを使用しましたか?

@imvetri Microsoft PowerPointアニメーションで十分だと思います!

デモ

ppt-animation

デモのpptファイル

わかりました..私の番です..
フラックスフロー図から作成しました。

redux-diagram (1)

このページは役に立ちましたか?
0 / 5 - 0 評価