React Best Practice

React のコードを新規実装・修正・レビューするときに使う。 目的は「動く」ではなく、「ship できる」React コードに寄せること。

最初に確認すること

1. UI の振る舞いを state と derived value に分ける
2. useEffect が本当に外部同期かを確認する
3. 責務の境界ごとに component / custom hook を切る
4. a11y と HTML semantics を仕様の一部として扱う

実装ルール