React JS を探索する。どこから始めればよいでしょうか?

ほとんどどこでも React を聞くと、私も探索せずにはいられません。バックエンド エンジニアとして React は必要ありませんが、フロントエンドの世界に触れて全体像を理解するのに役立つ素晴らしい方法になる可能性があると感じています (実際に必要でした!)。フロントエンド開発の視点や課題を学び、バックエンドシステムを設計する際にそれらを念頭に置きます。さらに重要なのは、物事がエンドツーエンドでどのように機能するかを学ぶことができるだけで満足です。

しかしどこから始めればよいでしょうか?

JavaScript の基本的な知識がある場合は、次の (無料!) リソースをお勧めします。

1. Scrimba で React を学ぶ (https://v2.scrimba.com/learn-react-c0e)
React を書き始めるのに非常に優れたリソースです。

新しいテクノロジーを学ぶのは簡単ではありません。最近目にする抽象化の量を考えると、よく理解していないものを無視して、それが機能することを受け入れるように言われるとイライラすることがあります。 (「このコード行の舞台裏で何が起こっているのか?」などの質問)

Scrimba のインストラクターは、R​​eact コードの各行が何を意味するのかを見事に説明し、謎を残すことはありませんでした。彼は、React の行が Vanilla JS で何を意味するかを示して、React を選択した動機を説明しました。特に新しいテクノロジーを初めて学び始めるとき、多くの疑問や用語が本当に解消されます。

2.フルスタックオープン (https://fullstackopen.com/ja/)
十分にお勧めできない素晴らしいリソースです。このコースは React だけに関するものではなく、フロントエンドに React を使用してフルスタック ソフトウェアを開発する「エンドツーエンド」の経験を提供することに注意してください。 React のみのコースではありませんが、React の部分は非常に包括的です (Redux もカバーしています)。コースの React 部分のみを学習することもできますが、すべてを完了することを強くお勧めします。

私がこのコースをとても気に入った理由は次のとおりです:

• 全体像

REST API を作成するためのフロントエンドとして React とバックエンドとして NodeJS を紹介する前に、まず Web アプリケーションの基礎について説明します。これにより、Web でのテストがどのように機能するかがわかります。次に、Github Actions (CI/CD) を使用してデプロイ パイプラインをセットアップし、Docker コンテナ化に慣れるのに役立ちます。フロントエンドとバックエンドのアプリケーションの開発から実稼働環境へのデプロイまですべてが行われます。

• 業界標準

私自身もバックエンド ソフトウェア エンジニアであり、このコースが業界で働くための準備としてどれほど役立つかについては共感できます。プロジェクトをより現実的なものにする多くの側面に触れています。たとえば、フロントエンドとバックエンドの単体テスト、統合テスト、エンドツーエンドのテストなどです。これらのテストは実際の運用プロジェクトでは非常に価値がありますが、多くのオンライン クラスではテストが行​​われていませんでした。 CI/CD パイプラインのセットアップ、セキュリティ上の理由から構成を個別に管理、アプリケーションをコンテナ化する方法などを説明します。このコースには多くのベスト プラクティスが含まれています!

• 練習してください!

各モジュールには独自の演習セットが付属しており、それらの演習を完了することを強くお勧めします。 やってみながらプログラミングを学びましょう - そうして初めて、概念、構文、アイデアが頭の中で具体化されます。私はいつも、学ぶための最良の方法はそれを実践することだと信じていました。

• 「モダンで最新」

React (業界で使用されている最も人気のあるフロントエンド フレームワークの 1 つ) を教えているという事実に加えて、NodeJS (もう 1 つの人気のあるバックエンド フレームワーク) も教えており、Github Actions (CI/CD 用) を使用しています。 Docker (コンテナ化)。さらに、このコースは積極的に保守および改訂されています (ソフトウェアの性質が常に変化するため、コースの一部で更新されていることがわかります)。

以上がReact JS を探索する。どこから始めればよいでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。