#React

Container / Presentational Component

Container Component ビューを作らないコンポーネント = データをstateとして扱い供給するためのコンポーネント Presentational Component Containerからpropsを受取り、ビューを描画するコンポーネント Ajaxでデータを取得する例 Container ComponentとPresentational Componentの組み合わせに対して、 ...

続きを読む

React 入門 #3 - Component 2

引き続き、Componentについて学んでいきます。 外部からComponentにアクセスする レンダリングしたComponentへの参照はReact.render()の返り値を使うことができます。 var myCounter = React.render( React.createElement( ...

続きを読む

React 入門 #2 - Component

カスタムコンポーネント Hello worldではReact.DOM.h1を使い、HTML要素をラッピングした組込みのコンポーネントを利用しました。今回は独自のコンポーネントを作る方法について学んでいきます。 React.createClass カスタムコンポーネントを作るにはReact.createClassを使います。 var ...

続きを読む

React 入門 #1

Hello world Reactを使ったフロントエンド開発の第一歩を学びます。まずはNPMやBowerを使わずにReactをダウンロードし、プロジェクトをセットアップしてみましょう。 プロジェクトのセットアップ Reactをダウンロードし、プロジェクトに配置します。ここでは"Starter Kit"をダウンロードして利用します。 ...

続きを読む