今、Reactは人気絶頂なだけでなく、その人気は加速度的に高まっています。JavaScriptのWeb開発に関して言えば、Reactは最も習得しやすいフレームワークの一つであり、迅速かつ堅牢な開発に最も効果的なフレームワークの一つです。

だから、もしあなたが学ぼうと決めたら、自分をほめてあげてください。

ただ問題は、最も価値のあるコースには高い値段がついていることです。例えば、評価の高いReact for Beginnersのコースは89ドル（スターター版）、127ドル（マスター版）です。しかし、私たちは、あなたが正しいスタートを切ることができるような、本当に良いものをいくつか見つけました。

1 レスポンストレーニング ファンデーションコース

Tyler McGinnis氏は、Reactの開発者、講師として有名で、長年にわたってReactについて教えたり書いたりしています。彼は現在、4つのReactトレーニングコース（提供終了）を持っており、そのうちの最初のコースは完全に無料で、他のコースへの導入として機能しています。

React Fundamentalsは32のビデオレッスンに分かれており、合計で丸々3時間学習することができます。基本的なReactアプリケーションの立ち上げに必要なもの（Reactエコシステム、NPM、Babel、Webpackなど）、Reactアプリケーションを動かすコアコンセプトとライフサイクル、コンポーネントの正しい書き方、データの受け渡し方法などを学びます。

とても濃密です。情報量が多い。完璧な入門書であり、McGuinnessが無料で提供しているのはかなりすごいことだ。最初に学ぶべきは、ここです。

ウェブサイト - Reactファンデーションコース【終了しました。

2 reactを使ったハッキング

Hacker Reactionは、オンライン版を読めば、カバーからカバーまで完全に無料で読める電子書籍です。オフラインで勉強するために持ち運びたい場合は、ダウンロード版のPDF、EPUB、MOBIを10ドルで購入することができます。いずれにせよ、動画が苦手な初心者の方にもおすすめの教材です。

JSX、コンポーネント、プロップなどの基本概念を最初から説明し、ステート、ルーティング、テスト、リンティングなどの中級トピックに移行する際には、手を添えて説明します。最初から最後までES6で書かれており、その過程でBabel、Webpack、ESLintなどのベストプラクティスを学ぶことができます。

反応の専門家になれるか？いいえ、でも、それで十分な自信を持ち、学び続けることができるのです。少なくとも、他の上級コースにお金をかけるかどうか判断できるくらいの手応えはあるはずです。

ウェブサイト - Reactでハッキング

III.公式反応チュートリアル

Reactを学ぶなら公式チュートリアルが最初と思うかもしれませんが、個人的には全くの初心者には少し早すぎると感じています - 多くの初心者より多くの知識を想定しています。他のJavaScriptのWebフレームワークの経験があれば、それは素晴らしいことです。

とはいえ、Reactの核となるコンセプトを理解し、それを実践することに取り組めば、Reactの公式チュートリアルは素晴らしいものです。コンポーネント、プロップ、ステートのみを使用して、チックタックなWebアプリケーションを作成する方法を説明します。抽象的な理論と実用の橋渡しをします。

また、Reactの公式ドキュメントには、Reactの細部まで驚くほど丁寧に説明されているので、ぜひチェックしてみてください。特に、ThinkingのReactのページは、Reactを動かすための慣用的な使い方に触れるための、ちょっとしたチュートリアルのようなものです。Reactのドキュメントを何度も参照しながら、学習し、自分のアプリケーションを作ることを恐れてはいけません。

ウェブサイト - Reactの公式チュートリアルとReactで考えていること

4 オタクの反応 ファンデーションコース

Eggheadは、JavaScript、Angular、React、RxJS、Node、TypeScriptなど、さまざまなWeb開発に関する数十のコース（数百のレッスン）を提供しています。Reactはこのサイトで3番目に人気のあるテーマで、ほとんどのコースが上級者向けですが、次の5コースが無料で提供されています。

• ReactによるWebアプリケーション構築の入門
• React Router v4を使ってReactアプリケーションにルートを追加する
• Reduxの入門編
• いつものReduxでReactアプリケーションを構築
• MobXでReactアプリケーションの複雑な状態を管理する

最初の2つは最も重要ですが、ある時点でこれらすべてにアクセスするのもよいでしょう（できればリストにある順番で）。これらのコースは、すでにJavaScriptを知っていることを前提としているので、もし慣れていないのであれば、EggheadのJavaScriptコースをチェックしてみてください。

なお、上級者向けのコースもかなり充実しており、月40ドル、年200ドルのプロ向けサブスクリプションを購入できるのであれば、一見の価値ありです。

ウェブサイト - Egghead Foundation Course

5 機内での反応や接し方を学ぶ

ReduxはReactのコアフレームワークの一部ではありませんが、一緒に使われることが多いので、ぜひ習得しておきたいですね。最終的にReduxを離れるとしても、これらのコンセプトを持ち帰り、最終的に使用するものに適用することができます。

Cabinは全10回のチュートリアルシリーズで、シンプルなSNSアプリケーションをゼロから作る方法を学びます。Node/React/Webpackのインストール、Reactの動作の理解、Reduxのマージ、SNSの機能（フィードや通知***など）の扱い、画像やフィルタ（例えば、「Select」、「Photoshop」）の扱い。Instagram）などがあります。

最後は「ベストプラクティス」の概要で、React/Reduxを最も効果的に使用・整理する方法だけでなく、よくあるミスの回避、拡張性の高いアプリケーションの設計、開発ワークフローを効率化するサードパーティツールの使用方法などを伝授しています。

ウェブサイト - cabinで学ぶreactとRedux

6learncode アカデミー レスポンスコース

ここ数年、LearnCode AcademyはYouTubeで最も優れたプログラミングチャンネルの1つになっています。Web開発に特化し、HTML、CSS、JavaScriptからAngularやReactなどの特定のフレームワークまで幅広くカバーしています。しかも、すべて無料です。

このコースは3つのパートに分かれており、Reactのコアとなるコンセプトに関する8つのビデオ、Fluxを使ったデータアーキテクチャに関する6つのビデオ、Reduxを使ったステート管理に関する7つのビデオで構成されています。これらはすべて、ES6やWebpackなど、最新のプラクティスで行われています。

なお、本講座は総合講座ではなく、FluxとReduxはいずれもReactのコアフレームワークには含まれない高度な概念ですので、上記講座で学んだ概念のリフレッシュと定着のために本講座を利用することをお勧めします。

ウェブサイト - LearnCode Academy レスポンスコース

7リアクトコンベンション

プログラマーの中には、慣習に従ってコーディングすることを好む人もいます。つまり、プロジェクト間で特定の設計決定のセット（「慣習」）に従うことで、特に新しいプロジェクトの初期段階において、複雑さを最小限に抑え、開発プロセスをスピードアップすることができるのです。このオンライン電子書籍は、開発者が遵守すべき規範を提示することを目的としています。

しかし、これを掘り下げる前に、すでにES6に慣れ、Reactフレームワークに精通し、Reduxの基本を知っている必要があります。この電子書籍自体、初心者向けではありません。むしろ、React/Reduxの知識をゼロからWebアプリケーションに反映させる方法がわからず、圧倒されていると感じている中級者向けとして有効です。

このチュートリアルでは、初心者向けキットのプロジェクトから始まり、それをどのように改造するかを紹介します。今後のプロジェクトでは、この規約に従うことで、すべてを再作成する無駄な時間を省くことができます。

ウェブサイト - React コンベンション

だから、あなたは反応を学ぶ：次は何？

これらのチュートリアルで、あなた自身のWebアプリケーションにReact**を使い始めるのに十分な知識を得ることができるはずです。この時点で、あとは練習、練習、練習です。特に素晴らしいのは、React Nativeを使って後からモバイルアプリを作れることですが、あまり先走らないでください。自信がつくまで、ウェブアプリにこだわってください。

厳しい道のりになると思いますので、無理なくプログラミングを学ぶ方法を紹介した記事を参考にしてみてください。苦労しているからと言って、プログラマーに向いていないわけではありません

もっと詳しく知りたい方は、Courseraでお金を払う価値のある最高のコースをチェックしてみてください。

これらの無料チュートリアルがお役に立てれば幸いです！もし、私たちが見逃している他の無料リソースをご存知でしたら、以下のコメントでお知らせください。

画像引用元: guteksk7 via Shutterstock.com ウェブサイト