主なことは、JavaScriptに習熟し、ReactJSの旅の複雑さを軽減できるようにすることです。
Reactは、HTML、CSS、JavaScriptの上に構築されたUIフレームワークで、JavaScriptがロジックのほとんどを担当します。変数、データ型、配列関数、コールバック、スコープ、文字列メソッド、ループなど、JSのDOM操作に関連するトピックを理解していれば、ReactJSの学習が大幅に加速します。
最新のJavaScriptの概念によって、ReactJSをどれだけ早く使いこなせるかが決まります。ReactJSを使い始めるのにJavaScriptのエキスパートである必要はありませんが、料理の技をマスターしたいシェフにとって食材の知識が必須であるのと同じように、ReactJSを学ぶのにも必要です。ReactJSはモダンなJavaScript UIライブラリなので、JavaScriptの知識が必要です。
説明の例
牛」について英語でエッセイを書くように頼まれたとします。この場合、私が自分の仕事を成功させるためには、トピックだけでなく、与えられた言語についてのアイデアも必要です。
トピックについてある程度の知識を得たとして、そのトピックについて書くために必要な英語力はどのように計算すればよいのでしょうか？他の複雑なトピックについて英語でエッセイを書かなければならない場合は？
難しいですよね。このトピックについて何を書こうか、でも何でもいいんです。だから始めるには、英語の正しい知識が必要なんですが、それだけじゃないんです。
極限の現実
どのくらいあれば十分ですか？
- 変数
- データ型
- 文字列メソッド
- ループ
- 条件
これらの特定のJavaScriptに精通している必要があります。しかし、これらは最も基本的な前提条件にすぎません。シンプルなReactアプリケーションを作ろうとすると、どうしてもイベントを扱う必要が出てきます。そのため、通常の関数、関数式、ステートメント、アロー関数の概念、アロー関数と通常の関数の違い、両方のタイプの関数におけるthisキーワードのレキシカルスコープを理解することが本当に重要です。
しかし問題は、ReactJSを使って複雑なアプリケーションを作らなければならない場合です。
インスピレーションを得る
JavaScriptにおけるイベント、プロパゲーション演算子、デコンストラクション、名前付きインポート、デフォルトのインポートを扱うことで、Reactコードの仕組みが理解できるようになります。
JavaScriptは設計上非同期です。ファイルの一番下に表示されるコードが、ファイルの一番上のコードで実行されても驚かないでください。promise、callback、async-await、map、filter、reduceのようなコンストラクトは、特に複雑なアプリケーションを開発する場合、ReactJSで最も一般的なメソッドと概念です。
主なことは、JavaScriptに習熟し、ReactJSの旅の複雑さを軽減できるようにすることです。
どんどん良くなっていきます。
あなたが知るべきことを私が言うのは簡単ですが、あなたがそれを学ぶのはまったく別のことです。JavaScriptをたくさん練習することは不可欠ですが、習得するまで待つ必要はないと私が考えていることに驚くかもしれません。事前に重要な概念もありますが、やっていくうちに多くのことを学べます。練習の一部は学習なので、無理のないペースで進め、本格的なことに挑戦する前に「宿題」をこなすことが必須であることを理解している限り、JavaScriptを使い始め、Reactの基礎の一部さえ学ぶことができます。
今すぐJavaScriptを使い始めましょう！
JavaScriptの全側面を理解するまで待つ必要はありません。そんなことは決してありません。そうすれば、JavaScript を学ぶという永久のサイクルから抜け出せなくなります。技術分野が常に進化し、急速に変化していることは皆さんご存知でしょう。もし JavaScript を始めたいのであれば、Mandy Kendall の紹介記事 を読んでみてください。
