React のおすすめの教材9選! 【 2023年3月 最新版】
こちらは、独学で React を学ぼうとしている初学者の方に最適な学習講座を紹介するページです。
目次
1. 本ページの説明
React を独学で学ぶ上でおすすめの講座を動画プラットフォームから合計9選紹介します。
React とは
React(リアクト)は、Metaによって開発されたWebサイト上のUIパーツを構築するためのJavaScriptライブラリの一つです。公式ではReactの特長を「宣言的な View」「コンポーネントベース」「一度学習すれば、どこでも使える」と宣言しています。Reactの学習はJavaScriptの基礎知識が前提となるので知識が無い方は先にJavaScriptを学習しておきましょう。
本サイト「Outlecture(アウトレクチャー)」は講座の評価、情報の鮮度、購入者や視聴者数、直近の数値上昇率などを全てバランスよく採点し、ユーザーにとって最適な講座のみ抜粋できるよう独自のアルゴリズムで評価を行っています。
また、各動画プラットフォームもそれぞれ特徴があり、「こういう状況の方にはこちらの方が良い」というユースケースも合わせて説明していきます。
Reactをこれから学ぼうとしているみなさまのご参考にしていただければ幸いです。
2. Udemy おすすめ講座5選
Outlectureで厳選したおすすめのUdemy講座5選はこちらです。
コース名 | 平均評価 | 総購入者数 | 先月の購入者数 (2023年2月) | コースレベル | コース時間 | 作成日 | 更新日 | 料金 |
---|---|---|---|---|---|---|---|---|
モダンJavaScriptの基礎から始める挫折しないためのReact入門 ![]() | 4.55 | 19,195 | - | 初級 | 6 時間 7 分 | 2020年8月27日 | 2023年2月27日 | ¥4,200 |
【2023年最新】React(v18)完全入門ガイド|Hooks、Next.js、Redux、TypeScript ![]() | 4.62 | 7,919 | 702 | 初級〜上級 | 24 時間 41 分 | 2022年3月29日 | 2023年1月10日 | ¥10,000 |
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版 ![]() | 4.61 | 12,100 | - | 中級 | 8 時間 7 分 | 2021年2月8日 | 2023年2月27日 | ¥4,800 |
【Next.js入門】ReactフレームワークのNext.jsでマイクロブログを構築しながら基礎と本質を学ぶ講座 ![]() | 4.52 | 2,738 | 190 | 初級 | 3 時間 22 分 | 2022年2月22日 | 2022年7月17日 | ¥21,800 |
【Twitterクローン】React×Firebaseでツイッターアプリをハンズオン形式で自作してみよう! ![]() | 4.69 | 1,281 | 77 | 中級 | 3 時間 27 分 | 2021年12月29日 | 2022年7月17日 | ¥21,800 |
Udemy(ユーデミー)は、アメリカ・シリコンバレー発祥のユニコーン企業で、世界最大級のオンライン学習プラットフォームを運営しています。
Udemyの特徴は、
- 15.5万以上(※海外講座含む)の豊富な講座を提供している
- 講師陣の多くが世界最先端の現場で活躍されている
- 1講座あたり数千~数万円で、キャンペーン時は70~90%OFFとなる良心的な値段
- 講座は1度購入すれば視聴期限なく受講でき、30日返金保証もついている
- 講座は0.5~2倍の変速機能を備え、自分のペースで学習することができ、専用アプリを使えばスマホからでもオフライン環境で受講可能
- 講師に直接掲示板から質問ができるため、疑問を解決し自学自習をサポートしてくれる
等があげられます。
Outlectureの管理メンバーは、ソフトウェアエンジニアやクリエイター、webデザイナーが現役で活躍しています。私たちは初めて触るプログラミング言語やプロダクトの多くはUdemyの受講からキャッチアップをはじめています。
私たちの体験談として、Udemyの講座の質は非常に高いと感じています。講師陣が世界最先端で活躍している方々ばかりで、最先端の知識や現場でのノウハウを丁寧にわかりやすく教えてくれます。試験で使う知識ではなく、実際の現場・案件で使う知識と技術を習得することができます。
Udemyの講座は、実際の現場で活用したい方や自己学習を始めたい方に特におすすめです。一度購入すれば、視聴期限がなく、30日間の返金保証もあるため、安心して学びを始めることができます。
こんな方におすすめ
- 実案件でReactを使用する
- 現役の(世界)トップ戦線で活躍している方のノウハウを学びたい
- サブスクリプションの加入に抵抗のある
- ITの基礎的な知識がある
各講座の詳細は以下に記載します。
Reactの習得に苦戦する理由は「JavaScript」への理解不足です。このコースではスムーズにReact開発のスタート地点に立てるように、モダンJavaScriptの動作の仕組みや概念、機能から解説します。

- 平均評価
- 4.55
- 総購入者数
- 19,195
- 先月の購入者数
(2023年2月) - -
- コースレベル
- 初級
- コース時間
- 6 時間 7 分
- 作成日
- 2020年8月27日
- 更新日
- 2023年2月27日
- 料金
- ¥4,200
HTML、CSS、JavaScriptの基礎を終えた方に最適!React入門の決定版!Reactについて知っておくべき基礎知識について体系的、かつ網羅的に学習して、最短でReactをマスターしよう!

- 平均評価
- 4.62
- 総購入者数
- 7,919
- 先月の購入者数
(2023年2月) - 702
- コースレベル
- 初級〜上級
- コース時間
- 24 時間 41 分
- 作成日
- 2022年3月29日
- 更新日
- 2023年1月10日
- 料金
- ¥10,000
「React何となく分かったけど次どうしたら良いか分からない」という人がステップアップするために知っておくべきことを順序立ててハンズオン形式で詰め込みました。本コースを終える頃にはもっとReactのことを好きになっていると思います。

- 平均評価
- 4.61
- 総購入者数
- 12,100
- 先月の購入者数
(2023年2月) - -
- コースレベル
- 中級
- コース時間
- 8 時間 7 分
- 作成日
- 2021年2月8日
- 更新日
- 2023年2月27日
- 料金
- ¥4,800
Next.jsフレームワークでマイクロブログを実際に構築しながら、Webアプリ読み込み速度やWebパフォーマンスを最大化するSSG/SSRプリレンダリング手法が学べる講座。モダンなフロントエンド技術をキャッチアップしてみよう。

- 平均評価
- 4.52
- 総購入者数
- 2,738
- 先月の購入者数
(2023年2月) - 190
- コースレベル
- 初級
- コース時間
- 3 時間 22 分
- 作成日
- 2022年2月22日
- 更新日
- 2022年7月17日
- 料金
- ¥21,800
「ReactとFirebaseを連携させてSNSアプリを自作してみたい!データベース管理もしてみたい!」そんなあなたに向けたReact中級者向けの動画です。いつも使っているツイッターを1から自作できるようになります。

- 平均評価
- 4.69
- 総購入者数
- 1,281
- 先月の購入者数
(2023年2月) - 77
- コースレベル
- 中級
- コース時間
- 3 時間 27 分
- 作成日
- 2021年12月29日
- 更新日
- 2022年7月17日
- 料金
- ¥21,800
3. YouTubeおすすめ講座3選
Outlectureで厳選したおすすめのYouTube講座3選はこちらです。
動画名 | 総視聴数 | 先月の視聴数 (2023年2月) | いいね数 | 公開日 |
---|---|---|---|---|
【React入門】完全初心者OK!1から簡単なTodoアプリを作ってReactの1歩を踏み出してみよう ~Reactチュートリアル~ ![]() チャンネル名:プログラミングチュートリアル | 50,136 | 5,677 | 1,078 | 2022年5月20日 |
【React Hooks入門】完全初心者OK!8種類のHooksを学んでReactの理解を深めよう ![]() チャンネル名:プログラミングチュートリアル | 21,706 | - | 710 | 2022年6月24日 |
Material UI crash course with Next.js 2023 | React UI Framework | V5 ![]() チャンネル名:Cules Coding | 1,538 | 1,281 | 44 | 2023年1月28日 |
YouTubeは、広告がつくものの無料で視聴でき、日常生活でもお馴染みとなっています。
最近では、良質な教材も増えており、学びたいけどお金をかけるほどでもない方や、概要をさらっと理解したい方には、YouTubeで学ぶことをおすすめします。
こんな方におすすめ
- お金をかけずに学びたい
- Reactの概要だけさらっと理解したい
各講座の詳細は以下に記載します。
プログラミングチュートリアル
- 総視聴数
- 50,136
- 先月の視聴数
(2023年2月) - 5,677
- いいね数
- 1,078
- 公開日
- 2022年5月20日
プログラミングチュートリアル
- 総視聴数
- 21,706
- 先月の視聴数
(2023年2月) - -
- いいね数
- 710
- 公開日
- 2022年6月24日
Cules Coding
- 総視聴数
- 1,538
- 先月の視聴数
(2023年2月) - 1,281
- いいね数
- 44
- 公開日
- 2023年1月28日
4. Progateおすすめ講座1選
Reactは、Progate(プロゲート)でも学ぶことができます。
Progateは、世界100カ国以上に提供され、280万人以上に利用されているプログラミング学習サービスです。特徴は
- Progateのサービス上でコードを書くことができるため、ローカルの開発環境構築が不要
- 直感的に理解しやすいイラスト中心のスライドを使用
- 月額1,078円という低価格で、講座ごとの課金がないため、React以外の講座も受講可能
が挙げられます。IT初学者の方にとって、ローカルの開発環境構築でつまずくことはよくあることですが、Progateはそれを不要にする点が大きなアドバンテージとなります。
また、Progateは買い切りではなく、月額制のサブスクリプション料金体系を採用しているため、React以外にも受講したい講座がある方は特にコストパフォーマンスが高いと言えます。
こんな方におすすめ
- IT基礎知識に自信がない
- React以外も受講したい講座がたくさんある
5. まとめ
Reactのおすすめ講座を紹介しました。他の関連講座を学びたい方は、下記をご参考ください。
「自ら機会を創り出し、機会によって自らを変えよ」
株式会社リクルート創業者 江副浩正氏の有名な言葉です。自分の知識やスキルを高めることは、機会を作り出すことに役に立ちます。自らを変えようとしている方にとって、本ページの情報が少しでもお役に立てれば幸いです。
今回紹介したいずれかの講座を受講した後にさらに深掘りして学びたい方は、公式サイトやコミュニティサイトに行くことを、最新の情報をキャッチアップしていきたい方場合は、公式twitterアカウントをフォローすることをおすすめします。