2017-04-24 15 views
0

最小:https://redux-minimal.js.org/拡張Reduxの私はReduxの最小限の定型を拡張して反応Reduxのアプリケーションを作成しようとしている

この定型は、現在のユーザーのリストを管理します。私は、私の理解を助けるために、2番目のタイプのアイテム(私の例ではスポーツ選手です)を管理する別のページを持つようにそれを拡張したいと思います。誰かがこのボイラープレートの単純な拡張の例を持っているのですか、あるいはこの方法でそれを拡張する一般的なアプローチについてアドバイスできますか?私がこれまでに撮影した

アクション:

  • API - 、players.jsの第2のAPIファイルを作成users.jsと同一であるが、選手
  • 減速/の配列を返す - 2番目を追加しましたplayer.jsのreducerはusers.jsと同じですが、変数名と定数名が変更されています
  • reducers/index.jsは私のプレイヤー還元剤のインポートを追加しました。追加されたプレイヤー:ユーザーの後の減速者のプレイヤー:ユーザー、[これについてはわからなかった]
  • sagas/- プレーヤーapiを上に呼び出す変数と定数を変更したプレーヤーのサガを追加
  • サガ/ index.js - プレイヤーの冒険談のための追加のインポートと
  • ルータ機能に対応するサガを追加 - 一般的な私のプレーヤーのコンポーネント
  • コンポーネント/のための追加ルート - 様々なユーザーの追加コピー... Playerでファイルを..変数名が変更されたファイル
  • コンポーネント/ App.js - このファイルについてはかなり不確かです。アプリケーションの開始時にロードする必要があると仮定して、私がPLAYERS_FETCH_LISTをcomponentWillMount()に呼び出すためにprops.dispatchを追加しましたが、プレーヤコンポーネントのルートにアクセスしたときにのみこれを呼び出す必要があるかどうかは不明でした。この時点で州に加わりました。返されるmapStateToPropsにプレーヤーを追加しました。
  • コンポーネント/ Player.js - あなたが学習に新しいしている場合PlayerListコンポーネント

答えて

0

を呼び出して新しいページが)

A、リアクトあなたは(あなたがそれを必要といけない場合学ぶ/ Reduxのを使用するように持っていけませんまだ)、その意図的に複雑な、あなたはそれを使用する必要があるときにそれを使用する方法を把握します。 Reactには組み込みの状態システムがあり、それを使って起動し、コンポーネント間で共有する必要があるときに状態を持ち上げることをお勧めします。

B)まだReduxを習得したい場合は、redux-sagasを一度そのままにしておいてください。間違いなくreduxの要件ではありません。

もし私があなたなら、私はredux-minimalを捨てて、還元の基礎を導く良いチュートリアルを見つけます(あなたがあなたのリアクト知識を確信した後でのみ)

関連する問題