reactjs - React/Redux アプリケーションのビルド

Question

Redux と React を使用して単一ページのアプリを作成する場合、最初に何をする必要がありますか? 最初に redux で状態のロジックを作成するか、すべてのコンポーネントを最初に反応させますか?

Answer 1

これは、データをよく理解しているか、UI をよく理解しているかに大きく依存すると思います。コンテナー コンポーネントを書き出し、すべてのデータを状態として渡し、小道具にマップします。そこから、どのコンポーネントが状態ツリーのどの部分を必要とするかを決定できます。次に、データに従ってコンポーネントの設計を推論することができます。

これが私がスケッチした簡単な例です: https://github.com/matthewkturner/redux-simple-boilerplate

Answer 2

最初にすべてのコンポーネントを実行するか、すべての状態を最初に実行すると、間違いを犯します。

1 つのコンポーネントから始めて、それを redux に接続するだけです。まだ必要でない状態またはコンポーネントを記述しないでください。

必要なコードから始めて、変更が必要な場合はそのコードを変更/リファクタリングすることをお勧めします。

前提が間違っていて、事前に作成したコンポーネントを書き直さなければならないことが判明した場合、事前最適化は苦痛です。プロジェクト中に物事を行うためのより良い方法を常に発見するので、その時点で持っているコンポーネントやレデューサーが多ければ多いほど、やり直しが多くなります。