Redux でコンテナーとプレゼンテーションを分ける
Reduxでコンポーネントを作成する際には、コンテナーとプレゼンテーションに分けるのが良いとされています。
これはコンテナーではconnectのみを書く、つまり、Propsとして渡すデータをstoreから取得し、それをプレゼンテーションのコンポーネントに渡す役割を持ちます。
一方で、プレゼンテーションは受け取ったPropsを使ってレンダーするだけです。
このようにすることで、コンテナーを切り替えるだけで、同じプレゼンテーションのコンポーネントを汎用的に使いまわすことができます。
- プレゼンテーションは汎用的なコンポーネント
- コンテナーはデータが結びついた個々のコンポーネント
楽しかったこと
たまねぎのすりおろしが少しだけ前よりうまくできるようになった気がする。パスタに使った