React + TS徹底フォーカス：TypeScriptマスター with React

TypeScript-Master-Book.pdf

【「TypeScriptをReactで使う」に徹底フォーカスした実践ガイド】

■「TypeScriptだけ」、あるいは「Reactだけ」にフォーカスした書籍はいくつもありますが、本書のように「TypeScriptをReactで使う」という点に重点を置いた本はほぼありません。

■「TypeScriptをReactで使う」にフォーカスした本書で、2024年の必須スキルを身につけましょう。

◆ 2024年のフロントエンド開発現場で必須のTypeScript。基礎から高度な内容までを全カバー

◆「TypeScriptをReactで使う」という点に徹底フォーカス。React + TypeScript開発で必須の知識とスキルを効率的に獲得


◆ 最新のReact開発環境構築ツール「React + Vite」を使用

◆「手を動かしがら学ぶ」ハンズオン形式なので、飽きづらく、最後まで読み終えられる構成

◆ 自信をもってReact + TypeScriptコードが書けるようになる一冊


【対象読者】
◆ 2024年のReact開発現場スタンダードのスキルを身につけたい人

◆ 理論重視ではなく、手を動かす実践ベースで学習を進めたい人

◆ Reactの基礎を学習した人

◆ Reactアプリを数回作ったことのある人

◆ TypeScriptのコードは複雑でむずかしいと感じている人

◆ TypeScript初心者〜中級者

◆ TypeScriptのコードを「なんとなく」書いている人

【発売日】
2024年3月14日

*本サイトはネットショップ開設サービス「BASE」を利用して作られています。決済サービスもBASE社の提供しているものです。
*本書はPDFファイルでのご提供となります（224ページ／A5サイズ）


【目次】

◆ はじめに

P.4 ― 本書のねらい
P.4 ― 本書の対象読者
P.5 ― 本書の構成
P.6 ― コードのダウンロードと本書で使うツール
P.6 ― ターミナルの使い方
P.7 ― Node.js
P.7 ― npm
P.8 ― VS Code
P.8 ― エラーが発生した場合の対処方法


◆ 第1章　TypeScriptについて知ろう
P.9 ― この章で学ぶこと
P.9 ― この章ですること
P.10 ― データとTypeScript
P.12 ― TypeScriptをむずかしいと感じる理由
P.13 ― TypeScriptの追加機能
P.16 ― Reactの予備知識（コンポーネントとfunctionの記法）


◆ 第2章　TypeScriptでReactアプリを開発しよう　その1
P.21 ― この章で学ぶこと
P.22 ― この章ですること
P.23 ― 開発ツールのインストール（React + Vite + TypeScript）
P.27 ― ReactコンポーネントをTypeScriptで書く
P.40 ― アプリの構成を確認する
P.45 ― イベントとfunctionに型をつける　その1
P.53 ― イベントとfunctionに型をつける　その2
P.61 ― 複雑な構造のデータに型をつける
P.70 ― フォームの入力文字を消す
P.72 ― 画像とCSSを追加する
P.74 ― ローディングを追加する
P.76 ― childrenに型をつける
P.84 ― アプリをオンラインで公開する（デプロイ）


◆ 第3章　TypeScriptだけを使ってみよう
P.85 ― この章で学ぶこと
P.85 ― この章ですること
P.86 ― TypeScriptの開発セットアップ
P.91 ― 配列の型定義
P.92 ― typeとinterface
P.94 ― 入れ子になった型定義（lookup型）


◆ 第4章　TypeScriptでReactアプリを開発しよう　その2
P.95 ― この章で学ぶこと
P.95 ― この章ですること
P.96 ― アプリの構造の確認
P.101 ― ツールの準備とクリーンアップ
P.102 ― ページとルーティングの準備
P.107 ― ユーザー登録機能を開発する
P.119 ― ログイン機能を開発する
P.127 ― 複数のデータを受け取るコンポーネントを開発する
P.144 ― 柔軟な型を定義してコンポーネントを汎用化する
P.150 ― 外部データを取得するコンポーネントを開発する
P.158 ― ローディングとボタンを開発する
P.165 ― 複数の型定義をひとつのコンポーネントで使う方法
P.178 ― CSSと画像を追加する
P.181 ― アプリをオンラインで公開する（デプロイ）


◆ 第5章　TypeScriptをもっと使ってみよう
P.182 ― この章で学ぶこと
P.182 ― この章ですること
P.183 ― セットアップ
P.184 ― 型の確認方法
P.185 ― CSSProperties
P.188 ― ComponentProps
P.191 ― 引数とreturnがあるfunctionの型定義
P.193 ― 型アサーション（as）
P.195 ― as const
P.199 ― ユーティリティタイプ（Type Utility）
P.203 ― anyとunknownの違い
P.205 ― ジェネリクス
P.218 ― インデックス・シグネチャ（Index Signature）
P.220 ― enum

P.221 ― あとがき
P.223 ― 関連書籍
P.224 ― 著者について