Latest web development tutorials

チュートリアルを反応させます

JAVASCRIPTライブラリユーザーインターフェイスを構築するために使用されて反応します。

UIを構築するため、主に反応し、多くの人々は、MVC V(ビュー)である反応すると思います。

2013年5月にInstagramのウェブサイトとオープンを設定するには、Facebookの社内プロジェクトで始まった反応。

高いパフォーマンスと反応し、コードのロジックは、より多くの人々が注意を払い、それを使用し始めている、非常に簡単です。


特長を反応させます

  • 1.宣言設計 -React宣言採択パラダイムは、簡単にアプリケーションを記述することができます。

  • DOMとの相互作用を最小限にするために、DOMアナログを通じて2.効率的な -React。

  • 3.柔軟な -Reactは、既知のライブラリやフレームワークとの良好なフィットすることができます。

  • 4.JSX - JSXは、JavaScriptの構文を拡張したものです。必ずしもJSXを使用して開発を反応させるが、我々はそれを使用することをお勧めします。

  • 5.コンポーネント -再利用するためにコードが容易になり、コンポーネントを作成リアクトすることにより、十分に大規模なプロジェクトの開発に使用することができます。

  • 6に応答してデータの一方向の流れ -それによって、従来のデータバインディングよりも単純である理由コードの重複を低減、一方向応答データストリームを達成するために反応します。


このチュートリアルを読む前に、あなたが知っておく必要があります。

リアクト開始する前に、次の基本を必要とします:

  • HTML5
  • CSS
  • JavaScriptを

最初のインスタンスリアクト

各セクションでは、オンラインインスタンスを編集し、結果を表示するボタンをクリックすることができます。

このチュートリアルでは、バージョンをリアクト使用は、公式ウェブサイトで、0.14.7できることですhttp://facebook.github.io/react/最新バージョンをダウンロードしてください。

例を反応させます

<DIVのID = "例"> </ div>の
ます。<script type = "text /バベル">
ReactDOM.render(
<H1>こんにちは、世界!</ H1>、
document.getElementById( '例')
);
</スクリプト>

»をお試しください