神様の手違いで死んでしまった望月冬夜は、異世界で第二の人生をスタートさせる。彼にあるのは神様から底上げしてもらった身体と、異世界でも使用可能にしてもらったスマートフォン。持ち前の人の好さを発揮し、様々な人たちと出会い、大切な仲間を得ていく中で、いつしか主人公はこの世界の秘密を知る。古代文明の遺産を受け継いだり、お気楽な世界の王たちと力を合わせたりしながら、彼はのほほんと世界を巡っていくー。

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 実践演習

「オレの本気をみせる」 確かに彼の本心が知りたいと思っていたけど、そんなイキナリは…!? 隣の部屋に住む年下男子・本宮に「彼女になって」と言われた麻紀。素直になりたいのに、30代半ば・10年ぶりの恋は、勢いだけでは飛び込めなくて…!?