最も人気のある JS MVC フレームワーク -- React

なぜ React を使うのか?

React は Facebook によって開発された JS ライブラリです。それでは、なぜ Facebook は主にどのような問題を解決することを目的として開発されたのでしょうか?また、それによってどのように解決されたのでしょうか?

これらの疑問からネットで検索したところ、この説明を見つけました。

Facebook は、MVC は非常に巨大なコード ベースと巨大な組織のため、拡張のニーズを満たすことができないと考えており、新しい関数や機能を追加する必要があると、システムの難易度がさらに高くなります。指数関数的に増加し、コードが脆弱になり、予測不能になり、その結果、MVC がバラバラになってしまいました。 MVC は大規模なアプリケーションには適さないと考えられています。システム内に多数のモデルと対応するビューがある場合、その複雑さは急速に増大し、特に起こり得る双方向のデータ フローの理解とデバッグが非常に困難になります。モデルとビューの間。

この問題を解決するには、「より予測しやすくするために何らかの方法でコードを整理する」必要がありますが、これは彼ら (Facebook) が考案した Flux と React ですでに行われています。

Flux は、アプリケーション内での一方向のデータ フローを促進するために使用されるシステム アーキテクチャです。 React は、「予測可能な」および「宣言的な」Web ユーザー インターフェイスを構築するための JavaScript フレームワークです。これにより、Facebook は Web アプリケーションをより速く開発できるようになりました

React は、現在最も注目されている JS MVC フレームワークです。一連のブログを書いてください。 React の基本的な知識を思い出すために、React を使用して完全なプロジェクトをゼロから開発する方法を説明します。また、Webpack、Node、などのフロントエンドの知識も必要になります。など毎日記事を更新していきます。この一連の React ブログでは、React の現在の知識ポイントをすべて取り上げます:

1. React の基本
1. React 仮想 DOM の概念、React のパフォーマンス効率の高いコア アルゴリズム
2. React コンポーネント、コンポーネント化とは何かを理解する
3. React コンポーネントのネスト
4. JSX 組み込み式
5. React ライフサイクル

2. React プロパティとイベント
1. State プロパティ、React 内のすべてを制御します
2. Props プロパティ
3. イベント 双方向バインディングデータには、親ページと子ページ間のパラメーター転送が含まれます
4. 再利用可能なコンポーネントにより、React 開発が迅速になります。効率的な場所
5. コンポーネントの参照

3. React スタイル 2. インライン スタイルの式
3. スタイル参照に require を使用する方法を学ぶ
4. JSX スタイルと CSS の相互変換
5. 非常に使いやすいスタイル フレームワーク Ant Desgin スタイル フレームワークの紹介


4. React Router

Router のコンセプト

反応開発を通過:

facebook は、独自の社内 Web サイトである Instagram を開発しています。これは、独自のチームによって開発され、2013 年 5 月にオープンソース化された JavaScript MVC フレームワークです。

React は主に UI の構築、UI のレンダリング、およびインタラクティブなアプリケーション コンポーネントの構築に使用され、ネイティブ開発の代わりに webapp を使用して 1 つの UI を複数の場所で実行できます。

以上が最も人気のある JS MVC フレームワーク -- Reactの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。