最も人気のあるフレームワークで反応します。
MVVMを考えての使用がされており、あなたがより良いコードを書くことができますので、私たちは、すべての焦点にのみ表示および論理層を入れてみましょう。
私たちのHTML構造に反応しては達成するためのJSを介して行われ、私たちは、JSサービス側によって達成nodejsでもあり、私たちは能力のJSを見ることができるにも徐々に増加していきます。
創設者は反応する:Facebookを利用して、JSの創設者:ブランドンアーチャー。
ポジティブプリアンブル:
フレームワークを学びたい、最も重要なことは、彼の思想を理解することである(JSX、コンポーネントは、反応-DOM)を、そして彼の家族のバケット(反応-ルータ-DOM、Reduxのを)、これはフレームワークの良い使用することができます。
我々は(足場を反応させる)を作成反応するアプリを使用しない場合、我々は何をする環境の構成の理解に反応する必要があります
私たちは三つのファイルを導入する必要性反応を使用する場合:react.development.jsを、反応-dom.development.jsは、babel.min.jsは、私たちは感じていないこと、実際には良いことであるマルチファイルの導入、
あなたは、物事に対応し、より少ない何かを書くために反応した場合、我々は、すべての思考は、我々は唯一、彼らはそれを提供するもの必要なものと考えることができ、多くの書き込み、およびすべての私たちを助けるために持っているだけでなく、私たちが改善を支援するために
開発効率
react.development.jsの役割:コアライブラリの反応
役割は反応し-dom.development.js:オペレーティングDOM拡張ライブラリはReactDOMのオブジェクトを提供します
babel.min.jsの役割:JSX JS構文構文に、JSXはJS拡張構文、書き方を作成する方法HTML、内部{}で記述されたJS文法であります
これらは、私たちの最も基本的なライブラリです足場を反応させる場合は、上記をダウンロードする必要はありません、以下をダウンロードする必要があります、私たちは以下のライブラリがオプションである、あらゆるケースをダウンロードする必要があり、それはまた、重要な部分です
プロプタイプ:我々は確認して、データ型とデフォルト値を制限したい文法
反応-ルータ-DOMを:ルーティングプラグのジャンプを達成するために反応します
Reduxの:コンポーネント間の通信に使用されるが、我々は大規模なプロジェクトで書き、それは間違いなく小さなプロジェクトのために最良の選択であるが、それは考えることはできません
初期の機能を実現
始動が反応する前に、我々は、いくつかのことを知っている必要があります開発モデルは、コンポーネントベース開発モデルに基づいて反応するので、私たちは原因JSXの使用にコンポーネントを定義する方法を知っているだけでなく、する必要がJSを書くための構文を反応させ
コード、私たちは、JSのタイプを定義する必要があります
カスタムコンポーネントの方法:
1.式:(ステートレスな方法で定義された関数)
2.クラス定義:(状態の方法があります)
最初のケース:ページの表示のHello World
第二の場合:ネストされたコンポーネント
第三の場合:通信コンポーネント(小道具)
第4のケース:コンポーネントの使用プロップタイプ
第五の場合:イベント処理の文言
第六の場合:REF使用(取得要素ノード)
第七ケース:特別な治療の形のために
第八ケース:ライフサイクル機能
第九例:forループ、および条件の決意場合