Slide 90
Slide 90 text
1. Provider
a. 認証・権限は処理をまとめる
2. Custom Hooks
a. Remixパターン
i. loaderとactionを分ける
3. 状態管理
a. 実はURLも状態管理の選択肢
b. レンダリングするならuseState,レンダリングしたくないならuseRef
c. useEffectは極力使わない
i. うまく設計すれば使わなくて良いケースが多々ある
4. JSX UI、ロジック、スタイル(HTML,JS,CSS)
a. HTMLは構造を定義
i. 共通のTemplateファイルを作るのではなく、
HeaderSection,MainContentSectionなどで分けた方が良い
b. JSは処理
i. 関数の分割の粒度、副作用のない設計
c. CSSはスタイル
i. コンポーネント内のみをスタイルし、暗黙的にコンポーネントの外部にス
タイルを当てないこと