React ハンズオンラーニング 第 2 版(リアクトハンズオンラーニングダイニハン)
Web アプリケーション開発のベストプラクティス
インターネット・WEBデザイン- 著者:
- Alex Banks/Eve Porcello/宮崎 空(アレックス バンクス/エバ ポーセロ/ミヤザキ クウ)
- 出版社:
- オライリー・ジャパン
- 出版日:
- 2021年08月06日頃
- ISBN:
- 9784873119380
- 価格:
- ¥3,740
- 在庫:
- 在庫あり
なぜ注目されているか
書籍紹介
Web フロントエンドの「今」を学びたい人へ!
Facebook が開発した JavaScript ライブラリ「 React 」の解説書。 2013 年にオープンソース化された React ですが、ここ数年で大きな変更が加えられ、また React を取り巻くエコシステムも大きく変化しました。本書では実際に動くコンポーネントを作りながら、最新の React の記法について解説しつつ、最新のツールやライブラリも紹介します。初心者から中上級者まで、 React の今をすばやく学習することができます。
技書の森解説
React を学ぶ本は数多く出版されていますが、その中で本書が名著として支持されている理由は、「なぜ React はこう設計されているのか」を読者に体感させる構成にあります。原著は O'Reilly の "Learning React, 2nd Edition" (Alex Banks, Eve Porcello) で、第 2 版では関数コンポーネントと Hooks を前提にゼロから書き直されました。クラスコンポーネント時代の残骸がなく、宣言的 UI とデータフローという React の核心に集中できます。
序盤で JavaScript の関数型プログラミング的な考え方 (純粋関数、不変性、高階関数) を丁寧に積み上げるのが本書の特徴です。その土台があるからこそ、 useState や useEffect が「おまじない」ではなく設計思想の帰結として腑に落ちます。コードは小さなサンプルを段階的に膨らませる形式で進むため、写経しながら理解を深めたい独学者に向いています。
一方で、本書は React そのものの仕組みに紙幅を割いており、 Next.js やルーティングライブラリといった実務寄りのエコシステムは射程外です。「動くアプリを最短で作りたい」目的には別の本が適しますが、 Hooks の仕組みを正確に理解し、トラブル時に原因を追える基礎体力をつけたい人にとって、最初に読むべき一冊です。
言及 Qiita 記事 (18 件)
React 2023 最新 おすすめ 教材 と検索して疲弊しているあなたもしくはサーバーサイドエンジニアの方へ
♡ 179JavaScript, フロントエンド, React, 新卒エンジニア, 新人プログラマ応援エンジニア二年目に自宅学習で使った技術書&Udemyをジャンル別にまとめてみた
♡ 33初心者, 技術書, 学習, Udemy, QiitaEngineerFesta_技術書【React】初学者がuseStateとuseEffectをまとめてみました。
♡ 31React, 初学者, react-hooks, useEffect, useStateuseEffect・useLayoutEffectについて学ぶ(個人学習の備忘録)
♡ 27初心者, 備忘録, フロントエンド, React, useEffectReact ハンズオンラーニング読んだメモ
♡ 13React【React・TypeScript】実は、Props引数はスプレッド構文を渡すことができる
♡ 5JavaScript, JSX, TypeScript, React, react-hooks関数型プログラミングのすゝめ
♡ 4JavaScript, 関数型プログラミング【React】React ことはじめ (ただの学習ログ) Part2
♡ 3JavaScript, React【JS・TS】矢印が2つあるアロー関数で高階関数
♡ 2JavaScript, TypeScript, 関数, 関数型プログラミング, 高階関数Next.js の使い方 (Reactハンズオンラーニング 第2版 のサンプル)
♡ 1チュートリアル, React, Next.js
この本に興味がある方におすすめ
この本に関連
Alex Banks の他の書籍
関連記事
関連用語
JSX
JavaScript 内に HTML ライクな構文を記述し、UI コンポーネントを宣言的に定義する React の拡張構文
React
コンポーネントベースの UI ライブラリで、宣言的な記法と仮想 DOM の差分計算で UI の更新を扱う
仮想 DOM
実際の DOM の軽量なコピーをメモリ上に保持し、差分だけを効率的に更新する仕組み
Hooks
React の関数コンポーネントに状態管理や副作用などの機能を追加する仕組み
Next.js
React ベースのフルスタックフレームワークで、SSR、SSG、API Routes を統合的に提供する
不変性
データを変更せず、新しいデータを作成するプログラミングの原則
