見た目と機能の分離
React Routerとアプリ設計 / 全 6 枚
React Routerとアプリ設計 - 見た目と機能の分離
2つの仕事を持つ部品
いまの ItemList は、通信の仕事と表示の仕事を1つの関数の中でやっています。
1つの関数が2つの理由で書き換わる状態になっています。
| 仕事 | 中身 |
|---|---|
| 通信の仕事 | fetch と state の管理 |
| 表示の仕事 | JSX とクラス名で並べる |
1 / 6
← → キーでも送れます
React Routerとアプリ設計 - 見た目と機能の分離
いまの ItemList は、通信の仕事と表示の仕事を1つの関数の中でやっています。
1つの関数が2つの理由で書き換わる状態になっています。
| 仕事 | 中身 |
|---|---|
| 通信の仕事 | fetch と state の管理 |
| 表示の仕事 | JSX とクラス名で並べる |
1 / 6
← → キーでも送れます