「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 インスタンスを体験してみましょう!ヒント: React の学習を始める前に、HTML5、CSS、JavaScript# の知識が必要です。 ## 基本。
<!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 の特徴:ヒント: 私たちの React チュートリアルは、React をマスターして適用する方法を段階的に学ぶのに役立ちます。ご質問がある場合は、PHP 中国語 Web サイトにアクセスしてください React Community質問をすれば、熱心なネチズンが答えてくれます。
- 宣言型設計: React は、アプリケーションを簡単に記述できる宣言型パラダイムを採用しています。
- 効率的: React は DOM をシミュレートすることで、DOM との対話を最小限に抑えます。
- 柔軟性: 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
関連コース
- Web フロントエンド開発の簡単な紹介 2021-12-10
- あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル] 2022-09-30
- Gulp 入門ビデオチュートリアル 2022-04-18
- Brothers in Arms Gao Luofeng CSS3 ビデオ チュートリアル 2022-04-20
- AngularJS 開発 Web アプリケーションの基本的なサンプル ビデオ チュートリアル 2022-04-18
- アヤックスのフルコンタクト 2022-04-13
- MUI フレームワークの基本的なビデオ チュートリアル 2022-04-13
- オンライントレーニングクラス体験クラス 2019-01-10