English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

ReactJS 教程

ReactはFacebookが開発したフロントエンドライブラリで、Webおよびモバイルアプリケーションのビューラーを処理します。ReactJSは、再利用可能なUIコンポーネントを作成することができます。それは現在、最も人気のあるJavaScriptライブラリの1つであり、強力な基本と巨大なコミュニティを持っています。

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

Reactは主にUIを構築するために使用され、多くの人々がReactをMVCのV(ビュー)と考えています。

ReactはFacebookの内部プロジェクトから始まり、Instagramのウェブサイトを設計するために使用され、 2013 年 5 月オープンソース。

Reactは高いパフォーマンスを持ち、コードのロジックが非常にシンプルで、ますます多くの人々が注目し、使用しています。

Reactの特徴

  • 1宣言的デザイン − Reactは宣言的パターンを使用し、アプリケーションを簡単に記述できます。

  • 2効率 − ReactはDOMのシミュレーションを通じて、DOMとのインタラクションを最小限に抑えます。

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

  • 4JSX − JSXはJavaScriptのスクリプトの拡張です。React開発ではJSXを使用することは必須ではありませんが、推奨します。

  • 5コンポーネント − Reactでコンポーネントを構築することで、コードが簡単に再利用でき、大規模プロジェクトの開発に適しています。

  • 6一方向の応答型データフロー − Reactは一方向の応答型データフローを実現し、重複コードを減らし、従来のデータバインディングよりもシンプルです。

本教程の適用対象

本教程は、ReactJSを初めて使用するJavaScript開発者に役立ちます。簡単なコードサンプルを表示して、各概念を紹介します。全ての章を終えると、ReactJSを使用する自信がつきます。

本教程を読む前に、以下の知識が必要です:

Reactを学習する前に、以下の基礎知識が必要です:

  • HTML5

  • CSS

  • JavaScript

Reactの最初のサンプル

各章で、サンプルをオンラインで編集して、ボタンをクリックして結果を確認できます。

本教程では、Reactのバージョンが以下の通りです。 16.4.0、公式サイトで https://reactjs.org/ 最新版をダウンロードしてください。