[B! JavaScript][react][es6] takaesuのブックマーク

takaesu id:takaesu

JavaScriptとreactとes6に関するtakaesuのブックマーク (2)

React TutorialをES6で書きなおしてみた - console.blog(self);
できあがったのはこちら。 sadah/react-tutorial-es6 Reactを触ってみたいと思って、チュートリアルをやってみた。翻訳してくださっているかたがいて、訳もわかりやすくてとても助かった。 Tutorial | React React.jsチュートリアル【日本語翻訳】 | mae's blog チュートリアルでは JSXTransf ormer.js を使っているので、JSXの変換などを考える必要はない。手軽なんだけど、Reactを使おうとしたらけっきょくコンパイルしなきゃいけない。コンパイルにはBabelが必要になる。Babel使うならES6も使いたい。ES6の変換は自動的にやりたいし、ファイルはminifyしたいし、minifyしたらsource mapが欲しいし、変更したら自動的にブラウザを更新したい。って感じであれこれやってみた。 Environment ディレク
takaesu 2016/02/05
react

es6

javascript
リンク
Rails + React + ES6 のためのアセット環境構築 - 破いて捨てたノート
結論 Sprocketsの動作を維持しつつ、npmやgulpなどのモダンなパワーも取り入れた、いいとこどりな環境を構築してみた。やりたいこと SEOのため、Reactでserver-side renderingをしたい JSコードをES6で記述したい既存のCoffeeScriptのコードも共存させたい（後ほど書き換える予定） npmやgulpといったモダンな環境でアセット管理をしたい browserifyを使いたい Sprocketsが実現している機能は維持したいそもそもSprocketsは何をしているか周知のことでしょうが念のためおさらい。ファイル毎の依存関係の管理 application.jsなどのマニュフェストファイルがやってること altJSのコンパイルアセットのminify アセットの連結アセットファイル名にMD5フィンガープリントを挿入 Sprocketsの問題点
takaesu 2015/05/22
gulp

react

sprockets

asset pipeline

es6

rails

ruby

javascript
リンク
1