こんにちは、DXCEL WAVEの運営者(@dxcelwave)です！
こんな方におすすめ！
- JavaScriptを活用したWebアプリ開発に興味がある
- Reactの活用手法を学ぶ上でおすすめの教材を知りたい
目次
Reactとは？
Reactとは、Meta社（旧Facebook）が開発したWebサイト上のUIコンポーネントを開発するためのJavaScriptライブラリです。React.jsとも呼ばれます。
ReactはAngularとよく比較されますが、React自体はフレームワークではなく、あくまでもWebサイトのUIパーツ構築に特化したライブラリという位置付けです。
Reactを用いて開発されたアプリには、FacebookやInstagramをはじめ、Airbnb、Netflix、Uber、Slackなどが有名アプリが多数存在します。
このようにReactは、グローバルレベルで非常に人気高いライブラリと言えます。本記事ではReactをこれから学習したい方向けに、筆者厳選のおすすめ学習教材をご紹介します。
【JavaScriptライブラリ】Reactの学習におすすめな書籍4選
スクロールできます
| 書籍名 | モダンJavaScriptの基本から始める React実践の教科書 （最新ReactHooks対応） | 基礎から学ぶ React/React Hooks | Reactハンズオンラーニング Webアプリケーション開発のベストプラクティス | React.js＆Next.js超入門 第2版 |
| 画像 |  |  |  |  |
| 価格 | ¥2,860 | ¥3,762 | ¥3,740 | ¥3,300 |
Reactを学習する上でおすすめの書籍を以下ご紹介します。
モダンJavaScriptの基本から始める React実践の教科書 （ReactHooks対応）
ポイント
- Udemy Reactコースで最高評価を取得した著者の優良書籍！
- モダンJavaScriptの基礎から実践的なTypeScriptの演習に至るまで丁寧な解説あり。
- 図解も多く、Web開発初心者の方にも非常に分かりやすい内容となっている。
基礎から学ぶ React/React Hooks
ポイント
- Reactの基礎から実践的な内容まで体系的に学習できる。初心者〜中級者向け！
- React/React Hooksの基本習得および簡単アプリが構築できるようになるのが本書のコンセプト。
- JavaScriptの基礎やつまずきやすいポイントも丁寧に解説されているため初学者にも非常に優しい。
Reactハンズオンラーニング Webアプリケーション開発のベストプラクティス
ポイント
- 実際に動くWebアプリ機能を作りながら、最新のReact記法が体現できる。
- ハンズオン解説がベースであるため、高いスキル定着性が期待できる。
- 最新のツールやライブラリも数多く言及。非常に洗練された優良書籍。
React.js＆Next.js超入門 第2版
ポイント
- JavaScriptをある程度マスターし、これからWeb開発に取り組んでみたい方向け！
- Reactの基礎が図解も交えて非常に分かりやすく解説されている。
- React Hooksを始め、解説の分かりやすさに定評があり、Amazonの口コミでも高評価を取得。
【JavaScriptライブラリ】Reactの学習におすすめな動画教材3選
スクロールできます
| モダンJavaScriptの基礎から始める挫折しないためのReact入門 | Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版 | フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門 |
 | 
| 
|
Reactの学習におすすめな動画教材を以下紹介します。
※Udemyの動画価格は普通価格と割引価格が異なるため省略。以下のリンクから直接参照ください。
モダンJavaScriptの基礎から始める挫折しないためのReact入門
リンク先：モダンJavaScriptの基礎から始める挫折しないためのReact入門
ポイント
- Reactを学ぶ上で、まずはJavaScriptの基礎を習得したい方におすすめ！
- スムーズにReact開発のスタート地点に立てるように、モダンJavaScriptの基本文法が丁寧に解説されている。
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
リンク先：Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版
ポイント
- JavaScriptをある程度マスターし、ReactでのWeb開発に挑戦してみたい方向け！
- ReactでのWeb開発に必要な内容が全て踏襲されている。
- 実際に手を動かしながらステップアップで学習できるため、高いスキル定着度が見込める。
フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門
リンク先：フロントエンドエンジニアのための React アプリケーション開発入門
ポイント
- ReactベースでWebアプリケーションを構築したい方におすすめ！
- ハンズオンでReactを用いたWeb開発プロセスを体現できる優良講座。
- RESTful APIサーバと連携したCRUDアプリケーション開発手法が学習できる。
- Reactとよくセットで用いられる状態管理用ライブラリのReduxも合わせて学べる。
【参考】Udemyとは
Udemyは世界最大級のオンライン学習プラットフォームで、世界中の学びたい人と教えたい人を繋ぐ動画サービスです。米国Udemy,Inc.が運営しており、日本ではベネッセが事業パートナーで協業しています。
Udemyを活用して下記のような多彩なテーマを学習することができます。
- IT（IT資格勉強、プログラミング、Web・アプリ開発等）
- デザイン（ウェブデザイン、UXデザイン、グラフィックデザイン等）
- ビジネススキル（営業、ビジネス戦略、マインドセット等）
- 会計（財務分析、会計・簿記等）
- マーケティング（Webマーケティング、SEO、広告、SNS）
