モダンJavaScriptの基本から始める　React実践の教科書

発売日 : 2021年09月18日

著者／編集 : じゃけぇ（岡田　拓巳）

出版社 : SBクリエイティブ

発行形態 : 単行本

ページ数 : 272p

Reactをイチから学びたい方にオススメの1冊です！
【本書のポイント】
UdemyのReactコースで最高評価獲得の著者がモダンJavaScriptの基礎からTypeScriptの実践的な内容までしっかり解説！
著者が2年以上勉強会を主催し初学者と話す中で分かった、多くの人が感じるReactの挫折ポイントを解決する構成！
現場のシチュエーションベースのストーリーで技術解説をしているので、実務で必要となる知識を意識しながら学習を進められる！
「#挫折しないReact本」で学習した感想をシェア！！

Chapter1 React を始める前に知っておきたいモダンJavaScript の基礎
1-1 モダンJavaScript 概説
1-2 DOM、仮想DOM
1-3 パッケージマネージャー(npm/yarn)
1-4 ECMAScript
1-5 モジュールバンドラー、トランスパイラ
1-6 SPA と従来のWeb システムの違い .. .
Chapter1 まとめ

Chapter2 モダンJavaScript の機能に触れる
2-1 const、let での変数宣言
2-2 テンプレート文字列
2-3 アロー関数 ( ) => { }
2-4 分割代入 { } [ ]
2-5 デフォルト値 =
2-6 スプレッド構文
2-7 オブジェクトの省略記法
2-8 map、filter
Chapter2 まとめ

Chapter3 JavaScript でのDOM 操作
3-1 JavaScript によるDOM アクセス
3-2 DOM の作成、追加、削除
3-3 JavaScript によるDOM 操作実践
Chapter3 まとめ

Chapter4 React の基本
4-1 React 開発の始め方
4-2 JSX 記法
4-3 コンポーネントの使い方
4-4 イベントやスタイルの扱い方
4-5 Props
4-6 State（useState）
4-7 再レンダリングと副作用（useEffect）
4-8 export の種類
Chapter4 まとめ

Chapter5 React とCSS
5-1 Inline Styles
5-2 CSS Modules
5-3 Styled JSX
5-4 styled components
5-5 Emotion
5-6 Tailwind CSS
Chapter5 まとめ

Chapter6 再レンダリングの仕組みと最適化
6-1 再レンダリングが起きる条件
6-2 レンダリング最適化1（memo）
6-3 レンダリング最適化2（useCallback）
6-4 変数のmemo 化（useMemo）
Chapter6 まとめ

Chapter7 グローバルなState 管理
7-1 グローバルなState 管理が必要な理由
7-2 Context でのState 管理
7-3 その他のグローバルstate を扱う方法
Chapter7 まとめ

Chapter8 React とTypeScript
8-1 TypeScript の基本
8-2 API で取得するデータへの型定義
8-3 Props への型定義
8-4 型定義の管理方法
8-5 コンポーネントの型定義
8-6 省略可能な型の定義
8-7 オプショナルチェイニング（Optional chaining）
8-8 ライブラリの型定義
Chapter8 まとめ

Chapter9 カスタムフック
9-1 カスタムフックとは
9-2 カスタムフックの雛形を作成
9-3 カスタムフックの実装
Chapter9 まとめ

付録 React × TypeScript 実践演習

じゃけぇ（岡田　拓巳）

株式会社Reach Script代表取締役 SIer、フリーランスのフロントエンドエンジニアを経て同社を設立。自身もエンジニアとしてペット×テクノロジーのサービス開発に取り組む。 動画教材販売プラットフォームUdemyでReactのコースを２つ出しており、最高評価を獲得する等ベストセラー講師となっている。