ホームページ  >  記事  >  ウェブフロントエンド  >  リアクトとは

リアクトとは

清浅
清浅オリジナル
2018-12-05 11:36:396782ブラウズ


React は、ユーザー インターフェイスの構築に使用される JavaScript ライブラリであり、柔軟性と拡張性に優れており、大規模なフロントエンド プロジェクトの構築に適しています。 #React は、Web アプリケーションのビュー層に使用される JavaScript ライブラリです。次の記事では、React とは何かを詳しく紹介します。

#React チュートリアル

#]##React の意味

リアクトとは React は JavaScript フレームワークであり、すべての React アプリケーションの中核となるのはコンポーネントです。コンポーネントは、一部の出力をレンダリングできる自己完結型のモジュールです。コンポーネントの出力には、1 つ以上の他のコンポーネントが含まれる場合があります。

実際、React アプリケーションを作成するということは、さまざまなインターフェイス要素に対応する React コンポーネントを作成し、これらのコンポーネントをアプリケーションの構造を定義する上位レベルのコンポーネントに編成することです React アプリケーションのすべてのコンポーネントが厳格なデータ管理原則に従うことが重要です。複雑なインタラクティブ ユーザー インターフェイスには、複雑なデータとアプリケーションの状態が含まれることが多く、React の表面積は限られており、その目的は、特定の状況でアプリケーションがどのように見えるかを予測できるツールを提供することです。

#React の使用法

<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
	<h1>这是我的第一个React程序</h1>,
	document.getElementById(&#39;example&#39;)
);
</script>

</body>
</html>

レンダリング:


React の長所と短所

React の利点: リアクトとは (1) 最大限の柔軟性と応答性を提供します。

(2) ドキュメント オブジェクト モデルに基づいているため、HTML、XHTML、または XML 形式でドキュメントをブラウザで使いやすいように配置できます。 (3) 豊富な JavaScript ライブラリを備えています

(4) 非常に優れた柔軟な構造とスケーラビリティを備えています

(5) React は React Native プラットフォームを提供し、ネイティブでレンダリングされたアプリは同じ React コンポーネント モデルを通じて iOS と Android 向けに開発されます。

React.js の欠点:

急な学習曲線: セットアップ プロセス、プロパティ、関数、構造が複雑なため、アプリケーションを構築するには深い知識が必要です。

要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。

リアクトとは

以上がリアクトとはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。