反応チュートリアル


React チュートリアル

2-16100309252M91.JPG

React は、ユーザー インターフェイスを構築するための JavaSCRIPT ライブラリです。

React は主に UI を構築するために使用されます。React は MVC の V (ビュー) であると考えています。

React は Facebook の内部プロジェクトから生まれ、Instagram の Web サイトの構築に使用され、2013 年 5 月にオープンソース化されました。

React は高性能で非常にシンプルなコードロジックを備えており、ますます多くの人が注目し、使用し始めています。

Reactの特徴

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

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

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

  • 4.JSX - JSXはJavaScript構文の拡張です。 JSX は React 開発には必須ではありませんが、推奨されます。

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

  • 6. 一方向の応答データ フロー − React は一方向の応答データ フローを実装することで重複コードを削減し、そのため従来のデータ バインディングよりもシンプルになります。

このチュートリアルを読む前に知っておくべきこと:

React の学習を開始する前に、次の基本的な知識が必要です:

  • HTML5

  • CSS

  • JavaScript

React 最初の例

各章では、オンラインで例を編集し、ボタンをクリックして結果を表示できます。

このチュートリアルでは React バージョン 0.14.7 を使用します。最新バージョンは公式 Web サイト http://facebook.github.io/react/ からダウンロードできます。

インスタンス

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="http://static.php.cn/assets/react/react-0.14.7/build/react.min.js"></script>
    <script src="http://static.php.cn/assets/react/react-0.14.7/build/react-dom.min.js"></script>
    <script src="http://static.php.cn/assets/react/browser.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>

インスタンスの実行 »

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