【注意点あり】React / Next.jsの勉強本おすすめ8選！

この記事は、React / Next.jsを勉強するためのおすすめ書籍を紹介しています。

React / Next.jsのようなモダンなライブラリやフレームワークは、書籍選びに注意が必要なので、その点にも触れています。

👇 メンターやってます 👇

模写修行やこのメディアを作ったメンバー中心に、Web制作業界を目指す方のための学習支援サービス 『Hello Mentor』 を運営しています。

• 基礎学習後にやるべきことがわからない...
• スクール卒だけど実力不足だと感じている...
• 自分のコードが正しい書き方かわからない...
• 未経験から1人で転職できる気がしない...
• 独立するためのノウハウがない...

特に上記のような方は、ぜひ下記のリンクからサービス詳細をご覧ください。

Hello MentorのLINEを登録すると、過去ウェビナーの一部をプレゼントしています。また、今後開催するウェビナーや講義にも無料で参加できるチャンスがあります。

👆 無料でプレゼント 👆

書籍を選ぶ際の注意点

React / Next.jsのようなモダンなライブラリやフレームワークは、活発に更新されています。『せっかく勉強したのに、古い情報だった…』なんてことがないように、出版時期には注意する必要があります。また、書籍の難易度もチェックするポイントです。

Reactは、2019年の2月に追加されたReact Hooksにより、関数コンポーネントが主流になり、実装方法が大きく変わりました。2019年2月以降に発売された書籍を選んだ方が良いです。

Next.jsは、React以上に活発に更新があります。最近導入されたApp Routerに対応されている書籍は、かなり少ないです。最新の情報で学ぶには、書籍と合わせて公式ドキュメントも見るようにしましょう。

書籍以外の勉強方法と手順は、下記の記事で紹介しています。

【初心者向け】React / Next.jsの勉強方法と手順を紹介！

JavaScriptの基礎学習がまだ足りない方は、下記の記事も参考にしてみてください。

JavaScriptの勉強ができるおすすめの本やサイト紹介！

基礎学習後...迷子になっていませんか？

Web制作業界を目指す方の多くが、基礎学習後にやるべきことがわからず、迷子状態になっています。あなたも下記のように感じていませんか？

• 基礎学習後にやるべきことがわからない...
• スクール卒だけど実力不足だと感じている...
• 自分のコードが正しい書き方かわからない...
• 未経験から1人で転職できる気がしない...
• 独立するためのノウハウがない...

そんな悩みを解決するために、模写修行やこのメディアを作ったエンジニア・デザイナー中心に、学習支援サービス 『Hello Mentor』 を運営しています。

転職成功者や副業・フリーランスデビューした方も出ています。

Hello MentorのLINEを登録すると、過去ウェビナーの一部をプレゼントしています。また、今後開催するウェビナーや講義にも無料で参加できるチャンスがあります。

👆 無料でプレゼント 👆

React / Next.jsの勉強におすすめの本8選

おすすめの書籍を8冊紹介します。

後半2つはweb制作向けで、それ以外はweb開発向けになります。

これからはじめるReact実践入門

• Amazonリンク
• 発売日：2023/9/27
• 対象者：web開発向け

Amazonから抜粋

たくさんのサンプルを動かしながら、Reactの機能を基礎からしっかり、さらにモダンJavaScript、TypeScript、Next.jsによる本格的なアプリ開発まで、この1冊で総合的に学べます。

こんな方におすすめ

• web開発志望の方
• React / Next.jsを初めて勉強する方
• 最新の情報で学びたい方

2023年10月時点で、1番最新の書籍です。React 18以降 / Next.js 13に対応しています。

内容は初心者向けなので、はじめの1冊にちょうど良いと思います。Next.jsは最後に少し触れる程度で、React中心の書籍になります。

TypeScriptとReact/Next.jsでつくる実践Webアプリケーション開発

• Amazonリンク
• 発売日：2022/7/28
• 対象者：web開発向け

Amazonから抜粋

本書はReact/Next.jsとTypeScriptを用いてWebアプリケーションを開発する入門書です。Next.jsによるアプリケーション開発の基礎、最新のフロントエンドやWebアプリケーションの開発方法が学べます。

こんな方におすすめ

• web開発志望の方
• React / Next.jsを初めて勉強する方
• TypeScriptも勉強したい方
• リリース方法等の実践的な内容も知りたい方

基礎的な内容を学べるとても良い書籍です。出版時期も1年以内で、ボリュームもあるので入門書としておすすめです。

モダンJavaScriptの基本から始める React実践の教科書

• Amazonリンク
• 発売日：2021/9/16
• 対象者：web開発向け

Amazonから抜粋

絶対に挫折しない最高の1冊！UdemyのReactコースで最高評価獲得の著者がモダンJavaScriptの基礎からTypeScriptの実践的な内容までしっかり解説！

こんな方におすすめ

• web開発志望の方
• React / Next.jsを初めて勉強する方
• JavaScriptの基礎からTypeScriptまで学びたい方

著者のじゃけぇさんは、Udemyでも講座を出しています。動画で勉強するのが好きな方は、Udemyを活用しても良いと思います。

前半は、JavaScriptの基礎なので、JavaScriptにあまり自信がない方でも学習しやすいでしょう。

基礎から学ぶ React/React Hooks

• Amazonリンク
• 発売日：2021/8/24
• 対象者：web開発向け

Amazonから抜粋

・React/React Hooksの基本の習得
・React/React Hooksを利用した簡単なアプリの作成ができる
をゴールとし、つまずきやすいポイントを確認しながらReact/React Hooksが学べる1冊です。

こんな方におすすめ

• web開発志望の方
• React / Next.jsを初めて勉強する方
• JavaScriptの基礎から学びたい方

前述した『モダンJavaScriptの基本から始める React実践の教科書』と似た内容になっています。出版時期も同じくらいなので、好きな方で良いと思います。大きな差はありません。

基礎から学ぶ Next.js

• Amazonリンク
• 発売日：2023/7/22
• 対象者：web開発向け

Amazonから抜粋

Reactをベースにしたフロントエンド開発のフレームワークである「Next.js」を使ってWeb開発を行うための入門書です。Next.jsの機能と、それらを活用したWebアプリケーション開発の方法を解説しています。 本書では、React/Next.jsを利用するに当たっての前提知識からReact/Next.jsの基本はもちろん、Next.jsを使った実際のアプリケーション開発のハンズオンを行います。

こんな方におすすめ

• web開発志望の方
• 特にNext.jsを勉強したい方
• 基礎は他の書籍でやった方

React18 / Next.js 13に対応なので、最新の情報で学ぶことができます。後半ではApp Routerにも触れられています。

実際に読んでみましたが、初心者向けではないです。初心者の方は、まずは別の書籍や公式チュートリアルをやってから取り組んだ方が良いでしょう。

Reactハンズオンラーニング

• Amazonリンク
• 発売日：2021/8/6
• 対象者：web開発向け

Amazonから抜粋

本書では実際に動くコンポーネントを作りながら、最新のReactの記法について解説しつつ、最新のツールやライブラリも紹介します。初心者から中上級者まで、Reactの今をすばやく学習することができます。

こんな方におすすめ

• 他のプログラミング言語を習得済みの方
• 中級者の方

オライリーの書籍は、内容が詳しくてとても良いのですが、入門書としては向かない場合も多いです。他の入門書をやってみてから、2冊目としてやるのが良いかもしれません。

はじめてつくるNext.jsサイト

• Amazonリンク
• 発売日：2023/6/5
• 対象者：web制作向け

Amazonから抜粋

本書はこれまでNext.jsを使ったことのない完全ビギナーが、2時間でNext.js入門するための書籍です。2023年5月に本格的導入された「Appフォルダ」によって、Next.jsのコードは大きく変わりました。本書はその新しい書き方に完全対応している唯一の日本語書籍です（2023年6月現在）。

こんな方におすすめ

• web制作志望の方
• 静的な爆速サイトを作れるようになりたい
• 最新の情報で勉強したい

昨今、web制作業界では、React等のモダンな技術を使って静的サイトにする事例が増えてきました。この書籍もそういったケースを想定した内容になっています。

著者の三好アキさんは、web開発向けの書籍も出しています。

作って学ぶ Next.js/React Webサイト構築

• Amazonリンク
• 発売日：2022/7/30
• 対象者：web制作向け

Amazonから抜粋

Reactベースのフレームワーク、Next.jsによるWeb構築の基本と実践を、ステップバイステップで学べる本。本書は、これまでHTML&CSSを使ってきたものの、Reactにはちょっと手を出せなかった方を対象に、実際にブログを作成しながら、Next.jsを使ってサイトを構築できるようになることを目指しています。

こんな方におすすめ

• web制作志望の方
• 静的な爆速サイトを作れるようになりたい
• microCMSの使い方も知りたい

前述した『はじめてつくるNext.jsサイト』と同じく、web制作向けの書籍で、web開発志望の方には向きません。

注目されているヘッドレスCMS『microCMS』を使うので、脱WordPressしたい方にもおすすめです。

メンターを使って効率的にReactを学びませんか？