React は進歩的なフレームワークですか?

react はプログレッシブ フレームワークです。react はユーザー インターフェイスの構築に使用される JavaScript ライブラリです。React フレームワークは通常、react、「react-router」、「react-redux」、および React フレームワークの組み合わせを指しますReact は宣言型コーディング UI を採用しており、インタラクティブな UI を簡単に実装できるため、コードがより実行可能でデバッグに便利になります。

このチュートリアルの動作環境: Windows 10 システム、react17.0.1 バージョン、Dell G3 コンピューター。

react は進歩的なフレームワークです。

React とは

公式: ユーザー インターフェイスを構築するための JavaScript ライブラリです。

つまり、React はフレームワークではなく、フロントエンド データ レンダリングのためのライブラリです。

人々がよく言及する React フレームワークとは、react、react-router、react-redux の組み合わせを指します。

React フレームワークは進歩的です。

React は Facebook の内部プロジェクトとして誕生し、当初は Instagram の構築に使用され、後に 2013 年 5 月にオープンソース化されました。

React の特徴

高パフォーマンス: Virtual DOM (仮想 DOM) は diff アルゴリズムと連携して、DOM との対話を最小限に抑えます。

宣言型: React は宣言型コーディング UI を採用しており、インタラクティブ UI を簡単に実装できるため、コードがより実行可能でデバッグに便利になります。

コンポーネント化: React を通じてコン​​ポーネントを構築すると、コードの再利用が容易になり、大規模プロジェクトの開発に効率的に適用できます。

一方向応答データ フロー: React のデータは上から下へ一方向に渡されます。親コンポーネントのデータへの更新は自動的に子コンポーネントに渡されますが、子コンポーネントへのデータの更新は親には影響しません。また、親コンポーネントによって渡されたデータを子コンポーネントで変更することもできません。

JSX 拡張機能: JSX は JavaScript 構文の拡張機能です。 React 開発では必ずしも JSX を使用する必要はありませんが、公式 Web サイトでは JSX の使用を推奨しています。

柔軟性: React は既知のライブラリやフレームワークとうまく連携できます。

知識の拡大:

足場のグローバル設置

$ npm i -g create-react-app

足場に基づいたエンジニアリング プロジェクトを迅速に構築

$ create-react-app xxx项目名称

プロジェクト実行コマンド (package.json)

$ yarn start //=>开发环境下启动项目（默认会基于webpack-dev-server创建一个服务，用来随时编译和翻译开发的内容）
$ yarn build //=>生产环境下，把编写的内容打包编译，放到build文件目录下（服务器部署）
$ yarn eject //=>把所有隐藏在node_models 中的webpack中的配置项都暴露出来（方便自己根据项目需求，二次更改webpack配置）

[関連する推奨事項: JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がReact は進歩的なフレームワークですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。