常日頃Reactに足りないのはテンプレートエンジンだ!と主張していたのだけど、react-jadeは試した感じ信頼できそうな感じだった。 jade公式なんで信頼できそう。信頼できそう、とは変なパースミスとか起こらないだろうという意味 jadejs/react-jade var React = require('react'); var jade = require('react-jade'); var dummyTemplate = 'button(onClick=onClick) this is button'; var template = jade.compile(dummyTemplate); var Foo = React.createClass({ onClick: function(){ console.log('clickcckckckckc'); }, render: f
React.jsをCoffeeScriptとjadeで書く February 13, 2015 はじめに React v0.13.0 Beta 1 | React React.Componentを使うと生のJSのclass形式でReact Componentを定義できる reactjs - react-jadeでjadeテンプレートから仮想DOMを出力する - Qiita JSXのXの部分をjadeで書けるようにするライブラリ (Jade -> React VDOM) ここあたりの記事を読んでRiot.jsなら素でできるCoffeeScriptとJadeの組み合わせがReactでも出来そうだと気づいたので試行錯誤中、 よさ気な書き方を見つけた話です。 結論 こうです。 https://gist.github.com/uzimith/145a0cf8e342dc46ac96 React =
テンプレートエンジンである Jade を React と組み合わせて使ってみます。 インストール ES6 でプログラムを書くために babel を使います。 Jade の変換には react-jade を使います。それぞれインストールしておきます。 $ npm install -g browserify bablify $ npm install -D react-jade $ npm install -S react Jade の変更用コード Jade の変換にいい感じのコマンドなどがないようなので自分で書きます。 app.jade を app.js にコンパイルします。 var fs = require('fs'); var path = require('path'); var jade = require('react-jade'); var code = jade.compile
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く