Reactとは何ですか？

反応は、自由とオープンソースの小さなコンポーネントにアプリケーションを分割することにより、複雑なユーザーインターフェイスを構築するためのJavaScriptライブラリ。Facebookと開発者のコ​​ミュニティによって維持されています。

前提条件

Reactを学ぶ前に、

1. HTML
2. CSS
3. JavaScript

学ぶだけでなく、小さなプロジェクトを作成して学んだことを応用して、得た知識を実装します。

これらは、深く学び、理解するためのトピックです。

• 変数
• if / else条件とswitchステートメント
• var、let、constの違い
• 関数
• 配列
• filter、map、reduceなどの配列メソッド。
• 約束
• コールバック
• 非同期/待機
• クラスとOOPの概念

JavaScriptの要点をしっかりと理解したので、いよいよReactに飛び込み始めましょう。Reactの学習を開始するには、Reactの公式ドキュメントを参照するか、公式のReactチュートリアルを受講して、Reactの動作を開始して理解してください。

React Docsは非常によく書かれており、Reactのすべての基本をカバーしています。

これらのトピックをよく学び、Reactを基本的に理解してください。

• JSX
• コンポーネント（機能ベースおよびクラスベース）
• ライフサイクルメソッド
• 州
• 小道具
• イベントの処理
• フォーム
• 条件付きレンダリング
• サードパーティのAPIの操作。

Reactルーター

Reactルーターはreactのルーティングライブラリであり、Reactアプリのさまざまなページをナビゲートするのに役立ちます。特定のページのコンテンツの読み込み、URLでのパラメータの受け渡し、リダイレクトについて学習します。さらに、reactルーターはReactの一部ではなく、React用に作成されたルーティングライブラリであることを理解することが重要です。

Advanced React

これで、Reactの基本的な知識が得られ、いくつかの基本的なプロジェクトも作成されたので、フック、コンテキスト、参照などの高度な概念を学ぶときが来ました。

React Docsを見て、これらの概念を学びましょう。

• 環境
• フック
• エラー境界
• 高階コンポーネント
• コード分​​割
• 参照
• 転送参照
• 小道具をレンダリングする

また、のようないくつかの追加のライブラリを学ぶことができる素材UI、reactstrap、tailwindcss、およびセマンティックUIをあなたが反応の基礎を学んだ後。これらのライブラリは、Reactを使用した日常の開発に役立ちます。しかし、すべてを学ぶ必要はありません。Reactの基本を使い終えたら、それらを試して学び、プロジェクトを完全に作成することができます。

おめでとう！🎉

これで、React開発者になりました。

Reactを学ぶためのリソース

• TraversyMediaによるReactJSクラッシュコース2021
• フルReactコース2020— FreeCodeCampによる基礎、フック、コンテキストAPI、Reactルーター、カスタムフックを学ぶ
• The NetNin​​jaによる完全なModernReactプレイリスト

• 一度にすべてを学ぼうとしないでください。あなたが初心者であるという事実を理解して受け入れ、これらの概念を学ぶのに十分な時間を費やしてください。
• 悪いコードを書くことを恐れないでください。先ほど申し上げたように、あなたは初心者ですが、ある時点で誰もがそうです。進歩は完璧よりも優れていることを理解してください。
• チュートリアル地獄を避けてください。チュートリアル地獄とは、チュートリアルの後にチュートリアルをたどり、実際には何も学ばないのに、学んでいると思うときの用語を指します。Youtubeチュートリアルを見る場合は、ビデオを次々と見るだけでなく、独自のプロジェクトの作成を開始してください。