最終更新:2024-04-18 (木) 10:44:13 (1d)  

React
Top / React

A JavaScript library for building user interfaces

https://reactjs.org/

https://ja.reactjs.org/

React/用語

React/クラス

ソースコード

特徴

  • ステートレスなコンポーネント設計
  • 仮想DOMの採用
  • JSXシンタックス

Getting Started

メモ

  • React.jsは、規模が大きくなっても管理できるような仕組みを提供してくれるライブラリ
  • 大規模向けっぽい

基本

  • JavaScriptで書かれたライブラリ。react.jsをインクルードして使う。
  • (MVCで言うところの)Viewのみを担当する。
  • JavaScriptのコード中に(PHPの様に)「HTMLタグ(っぽいもの)」を書ける。ちょっとPHPやJSPみたいな感じ。
    return (
      <div className="commentForm">
        Hello, world! I am a CommentForm.
      </div>
    );
  • この「HTMLタグ(っぽいもの)」はJavaScriptのシンタックスではエラーになるので実行する前にJavaScriptに変換する。
  • 変換は実行直前の自動変換も、事前の静的な変換も可能。前者はJSXTransformer.js?をインクルードすることで、後者はjsxコマンドで実施。
  • jQueryと共存できる。

Redux

React Native

チュートリアル

スライド

参考

関連