モダンJavaScriptの基礎から始める挫折しないためのReact入門 60日コース | モダンJavaScript基礎 - DAY 9:分割代入・Spread構文

React 60日で身につけるReact
スポンサーリンク
スポンサーリンク
  1. DAY 9:分割代入・Spread構文 前半 ― 「取り出す」と「コピーする」を一気に強くする回
  2. 分割代入 ― 「欲しいものだけ取り出す」技術
    1. オブジェクトの分割代入とは
    2. プロパティ名と違う変数名で受け取りたい場合
  3. 配列の分割代入 ― 「順番で取り出す」技術
    1. 配列の分割代入とは
    2. Reactでよく使う「useStateの分割代入」
  4. Spread構文とコピー・一部更新の基本パターン
    1. Spread構文とは ― 「中身を展開する」記法
    2. オブジェクトコピーの基本
    3. 一部の値を変更する基本パターン
  5. DAY 9:分割代入・Spread構文 前半のまとめ
  6. DAY 9:分割代入・Spread構文 中盤 ― 「Reactで使う形」にぐっと近づける時間
  7. オブジェクトの分割代入を「Reactのprops目線」で理解する
    1. オブジェクトの分割代入の復習
    2. Reactコンポーネントのpropsでの分割代入
  8. 配列の分割代入を「useState目線」で深く理解する
    1. 配列の分割代入の復習
    2. useStateと配列の分割代入
  9. Spread構文で「コピー+一部更新」をReactのState更新に結びつける
    1. 配列コピーとState更新のつながり
    2. オブジェクトコピーとState更新のつながり
    3. 一部の値を変更するときの基本テンプレート
  10. DAY 9:分割代入・Spread構文 中盤のまとめ
  11. DAY 9:分割代入・Spread構文 後半 ― 「State更新の型」を身体に染み込ませる
  12. オブジェクトの分割代入とSpread構文を「フォーム更新」でつなげる
    1. オブジェクトの分割代入で「欲しい値だけ取り出す」
    2. Spread構文で「フォームの一部だけ更新する」
  13. 配列の分割代入とSpread構文を「リスト更新」でつなげる
    1. 配列の分割代入で「状態+更新関数」をセットで扱う
    2. Spread構文で「配列に要素を追加する」
    3. 一部の値を変更する:オブジェクト配列の更新
  14. 分割代入・Spread構文を「安全なState更新の型」としてまとめる
    1. なぜ「コピーしてから更新する」のか
    2. 分割代入とSpread構文の「型」をまとめる
    3. セキュリティ・安全性の視点から見たState更新
  15. DAY 9:分割代入・Spread構文 後半のまとめ

DAY 9:分割代入・Spread構文 前半 ― 「取り出す」と「コピーする」を一気に強くする回

DAY 9では、ReactのState更新で非常に重要になる 分割代入 と Spread構文(スプレッド構文) を扱います。 前半では、次の学習項目を中心に進めていきます。

  • オブジェクトの分割代入
  • 配列の分割代入
  • Spread構文
  • 配列コピー
  • オブジェクトコピー
  • 一部の値を変更する

ここまで学んできた「オブジェクト」「配列」「map・filter・find」と強く結びつく内容なので、 ステップバイステップで、初心者向けにかみ砕いて説明していきます。

タイトルとURLをコピーしました