本書はReactをテーマに、Webフロントエンド開発の環境構築を1つ1つ丁寧に解説します。特に設定が足りない状態で動かすとどうなるのか、なぜその設定が必要なのかについて踏み込んで説明しています。環境構築の難しさは、設定をどれか1つでも間違えると動かないことにあります。そのため、環境構築をする際は1つ1つの設定で自分が何をしているのかを正確に把握しなければいけません。この本では暗黙的に「そういうものだから」と思われがちな設定に注目し、解説します。どの設定を足さなければ動かないのか、サンプルコードを示しながら学ぶことができます。
【目次】
第1章 Node.jsを使ったビルド環境整備
第2章 Babelを使ったトランスパイル
第3章 TypeScriptを使ったコンパイル
第4章 webpackを使ったバンドルとビルド
第5章 ESLintを使った静的解析
第6章 Prettierを使ったフォーマット
第7章 Storybookを使ったコンポーネント管理
第8章 Jestを使ったテスト
第9章 0から環境を作ってみる
付録A バージョンの追従
目次プレビュー
- はじめに
- 第1章 Node.jsを使ったビルド環境整備
- 第2章 Babelを使ったトランスパイル
-
環境構築ができるようになろう
-
環境構築スキルの習得は難しい
-
対象読者
-
本書が扱う内容
-
筆者の動作環境とサンプルコードについての注意事項
-
謝辞
-
3.1 TypeScriptとは
-
3.2 tscのインストール
-
3.3 Reactを動かす
-
3.4 まとめ
-
4.1 webpackの使い方
-
4.2 webpackの設定ファイル
-
4.3 まとめ
-
6.1 prettierの使い方
-
6.2 ESLintとの協調
-
6.3 TypeScriptとの協調
-
6.4 まとめ
-
7.1 Storybookを設定する
-
7.2 Storybookをaddonで拡張する
-
7.3 まとめ
-
8.1 Jestの使い方
-
8.2 Reactのテスト
-
8.3 Jestで設定する項目
-
8.4 まとめ
-
A.1 環境構築で増えすぎた依存
-
A.2 package gardening
-
A.3 CI
-
A.4 各種レポートのホスティングとプレビュー
試し読み
試し読み
試し読み
試し読み
