 このガイドでは、モダンなフロントエンド開発に必要な環境構築を、React開発の観点からステップバイステップで解説します。

Node.jsとnpmの基礎から始まり、Viteによるプロジェクト作成、TypeScriptの導入、ESLintとPrettierによるコード品質管理、Vitestによるテスト、Tailwind CSSの設定まで、実践的な開発環境の構築方法を学びます。

また、GitHubとGitHub Actions、Vercelを活用したモダンな開発ワークフローについても解説します。

プログラミング初心者でも理解できるよう、各ツールの役割や設定方法を丁寧に説明し、実際のプロジェクトで使える知識を提供します。

この本を通じて、Reactアプリケーション開発に必要な基礎的な開発環境を整える方法を身につけましょう。 

現場レベルのReact開発構築入門 - 導入しておくべき開発ツールの全知識

はじめに

モダンなフロントエンド開発の基礎

プロジェクトの作成と設定

コード品質の管理

スタイリングの導入 (Tailwind CSS)

テストで品質を保証

継続的インテグレーションによる自動テスト

本番環境へのデプロイ

react

typescript

初心者

環境構築

vite

とまだ@AI 駆動開発教育者