MdNCORPORATION

プロフェッショナルWebプログラミング React

西畑 一馬 著/長谷川 広武 著/伊藤 将貴 著/飛田 心 著
定価 3,300円
(本体 3,000円+税10%)
※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2025-07-18
仕様 B5変形判/320P
ISBN 978-4-295-20733-7
現在のWeb開発に欠かせないJavaScriptライブラリ/フレームワークのなかでも、最も人気を集めているのがReactです。本書は、最新バージョンであるReact19に対応した、プロを目指す方のためのReact入門書です。

本書ではまず、ローカルのパソコン上にViteで開発環境を構築します。そのうえで、コンポーネント、イベント、ステート、副作用の管理、メモ化、状態管理など、Reactの基本を短いコードで手を動かしながらしっかり学んでいきます。
さらに実践編として、TODOアプリをひと機能ずつ実装していくことで、SPA構築の流れを理解できます。最後にReactをベースにしたフレームワークであるNext.jsも学べます。

本書に掲載されているコードはテキスト、およびJSXファイル等でダウンロードできます。エラーが発生した際には正しいコードと比較したり、部分的にコピー&ペーストして正しい状態に修正したりできるので、学習もつまずきません。「JavaScriptはひととおりわかったから、これからReactを始めたい!」という方にぜひお読みいただきたい一冊です。

■ページ見本





目次

■PART1 Reactの基本を学ぶ

●CHAPTER1 Reactを始める準備
01 Reactはどんなもの?
02 Reactの開発環境を構築する

●CHAPTER2 Reactの第一歩
01 JSX
02 コンポーネント
03 イベント

●CHAPTER3 ステート・副作用・メモ化
01 ステート(useState)
02 宣言的UI
03 ステート(useReducer) 
04 コンポーネントのレンダリング
05 ref(useRef)
06 副作用(useEffect)
07 メモ化(React.memo・useCallback・useMemo)

●CHAPTER4 グローバルステート
01 コンポーネント間の状態共有
02 Contextによるグローバルステート
03 状態管理のライブラリ


■PART2 Reactで実際にWebページを作る

●CHAPTER5 TODOアプリを作ってみよう
01 作成するTODOアプリの概要
02 TODOアプリ作成のための環境構築
03 React Routerでルーティングの実装
04 共通レイアウトの実装
05 タスク一覧の表示
06 タスク追加機能の実装
07 タスク更新機能の実装
08 ローカルストレージを利用したデータの永続化
09 カスタムフックを理解する
10 カスタムフックでTODOアプリのロジックを整理する
11 ゴミ箱画面の実装

●CHAPTER6 Next.js
01 Next.jsはどんなもの?
02 Next.jsのインストールと起動
03 App Routerによるルーティング
04 レイアウトの基本
05 metaデータの反映
06 リンクの設定
07 API Route HandlerによるAPI作成
08 fetchによるAPI連携
09 404 画面の指定
10 Next.jsで利用できるReactの新機能

INDEX

ダウンロードデータ

掲載コードのダウンロードについて
このたびは、『プロフェッショナルWebプログラミング React』をご購入いただきまして、誠にありがとうございます。
以下に本書に掲載しているコードのダウンロードファイルをご用意しましたので、ご利用ください。

React_WebProfessional.zip(約30MB)
ダウンロードにあたってのご注意
・ダウンロードファイルは、ZIP形式で圧縮されています。Windows、Macそれぞれの解凍ソフトを使って圧縮ファイルを解凍してください。

・ダウンロードファイルには「はじめにお読みください.html」が同梱されていますので、ご使用の前に必ずお読みください。
ダウンロードファイル解凍時のご注意
Windowsをご利用の場合は、OS標準の機能ではダウンロードファイルをダブルクリックしても正しく解凍できない場合があります。データの閲覧に問題がある場合は、次の手順でファイルの解凍をお試しください。

[1]ダウンロードしたファイルを右クリック
[2]表示されたメニューから[すべてを展開...]を選択
[3]ファイルを解凍するダイアログが表示されるので、保存場所を選択して実行
[4]指定した場所にファイルが解凍される
・弊社Webサイトからダウンロードできるサンプルデータの著作権は、それぞれの制作者に帰属します。

・弊社Webサイトからダウンロードできるサンプルデータを実行した結果については、著者および株式会社エムディエヌコーポレーションは一切の責任を負いかねます。お客様の責任においてご利用ください。

・本書に掲載されているコードのコメントや改行位置は、紙面掲載用として加工しており、ダウンロードしたサンプルデータとは異なる場合があります。あらかじめご了承ください。

お詫びと訂正

このたびは本書をお買い求めいただき、誠にありがとうございました。

本書の記載に誤りがありましたため、ここにお詫びして訂正を申し上げます。

──────────────────────
●P085・図版07のキャプション

誤)childrenというPropsでの引き渡し

 ↓

正)PropsによるhandleClick関数の引き渡し

──────────────────────

読者のみなさまにご迷惑をおかけしてしまい、誠に申し訳ございませんでした。

訂正して深くお詫び申し上げます。

図書館様へのご案内

図書館での貸出につきまして
本書のダウンロードデータは、図書館をご利用の方にもご利用いただけます。

プロフェッショナルから学ぶ! デザイン・グラフィック書

現場で役立つ! MdNのスキルアップ書籍

絵が上手くなる! イラスト強化ブック