react-beginner.md

npm を使いこなせるようになろう

• package.json の見方
• scripts
• パッケージのインストール・更新・削除
• セマンティクスバージョニングと lock ファイル

ESLint・Prettier を入れよう

• 最低限で良い
• next と prettier
• 詳しくは私の動画

React より前に ES2015 以降の記法に慣れよう

• 関数・アロー関数
• テンプレート文字列
• 条件（三項）演算子
• 分割代入（配列）
• 分割代入（オブジェクト）
• レストパラメータ
• スプレッド構文
• 破壊的メソッドと回避策
  • push, pop, unshift, shift, ...
• 配列系メソッド
  • map, filter, find, reduce, ...
• ミュータブル・イミュータブル
• 詳しくは私のインスタ

React を書いてみよう

• React の内側と外側
• 関数のトップレベルで命令的な書き方は NG
• hooks はトップレベル、かつ return 文の前に書く
• DOM を操作するメソッド・プロパティは使わない
• JSX の書き方を学ぶ
  • 文字列はクォーテーション、それ以外は{}
  • boolean は true のときのみ省略できる
  • props にはコンポーネントも渡せる
• JSX 部分はシンプルを心がける
• 早期リターンのテクニック
• useMemo・useCallback は多用して良い
• useEffect はなるべく使わない
• ライブラリをなるべく使う