React 中国語リファレンスマニュアル

リーディング(23431) 更新時間(2022-04-13)

「React 中国語リファレンス マニュアル」では、React はユーザー インターフェイスの構築に使用される JAVASCRIPT ライブラリです。 React は主に UI の構築に使用されますが、React を MVC の V (ビュー) と考える人が多いと思います。 React は、Instagram Web サイトを構築するための Facebook の内部プロジェクトとして誕生し、2013 年 5 月にオープンソース化されました。 React は高性能で非常にシンプルなコードロジックを備えているため、注目して使用する人が増えています。


React (React.js または ReactJS とも呼ばれます) は、データの HTML ビューを提供するオープンソースの JavaScript ライブラリです。 React ビューは通常、カスタム HTML マークアップで指定された他のコンポーネントを含むコンポーネントを使用してレンダリングされます。

React は、サブコンポーネントが外部コンポーネントに直接影響を与えない (「データ フロー ダウン」) モデル、データ変更時の HTML ドキュメントの効率的な更新、および最新のシングルページ アプリケーションのコンポーネント間のモデルをプログラマに提供します。 。

React は Facebook ソフトウェア エンジニアの Jordan Walke によって作成されました。これは、PHP の HTML コンポーネント フレームワークである XHP の影響を受けました。このフレームワークは 2011 年に Facebook のニュースフィードに初めて導入され、次に 2012 年に Instagram に導入されました。 2013 年 5 月の JSConf US でオープンソース化されました。

ヒント: React の学習を始める前に、HTML5CSSJavaScript# の知識が必要です。 ## 基本。

最初の React インスタンスを体験してみましょう!


最初の反応インスタンス

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<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>Hello, world!</h1>,
	document.getElementById('example')
);
</script>

</body>
</html>

インスタンスの実行>>[実行]をクリックします「例」ボタンをクリックしてオンライン例を表示します。

React の設計思想は非常にユニークで、革命的なイノベーションであり、そのパフォーマンスは傑出しており、コード ロジックは非常にシンプルです。そのため、将来の Web 開発の主流のツールになるのではないかと考え、注目し、使用する人が増えています。

ヒント: 私たちの React チュートリアルは、React をマスターして適用する方法を段階的に学ぶのに役立ちます。ご質問がある場合は、PHP 中国語 Web サイトにアクセスしてください React Community質問をすれば、熱心なネチズンが答えてくれます。

React の特徴:

  • 宣言型設計: React は、アプリケーションを簡単に記述できる宣言型パラダイムを採用しています。

  • 効率的: React は DOM をシミュレートすることで、DOM との対話を最小限に抑えます。

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

この React チュートリアル マニュアルの内容

この React チュートリアル マニュアルでは、React のインストール、React 要素のレンダリング、React JSX、React コンポーネントなど、React の基本的な使用方法をすべてカバーしています。 , React Props、React AJAX、Reactの実践的な処理などの知識。

ヒント: このチュートリアルの各章には、多くの React サンプルが含まれています。[サンプルの実行] ボタンを直接クリックして、結果をオンラインで表示できます。これらの例は、React をよりよく理解し、使用するのに役立ちます。

最新章


React Refs 2016-10-19
React 表单与事件 2016-10-19
React AJAX 2016-10-19
React 组件生命周期 2016-10-19
React 组件 API 2016-10-19
React Props 2016-10-19
React State(状态) 2016-10-19
React 组件 2016-10-19