ReactをjQueryの数行に要約する | POSTD
「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか？ Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
React.js、やっと使えるようになった - ただのにっき(2015-04-18)
■ React.js、やっと使えるようになった 「使いこなせる」と書くと石が飛んできそうなので。暇な時間にちまちま進めていたので、集中すれば1、2日でできそうなことにこんなに時間をかけてしまった。やっぱり集中力がない……。 とりあえずサーバサイドレンダリングは捨てる前提だったので、検索エンジンに拾ってもらう必要のないネタとしてBookscan Premium Optimizerを使って実装。テストがないとか、Ajaxには引き続きjQueryを使っているとかツッコミどころはあるけど、とりあえずクライアントサイドレンダリングに関しては雰囲気つかめたので良しとしよう。 あー、HerokuのSinatraアプリでJSXのコンパイルをさせる方法がわからんかったので、.jsxだけでなくコンパイル済みの.jsまでコミットしているのはなんとかしたい……。 今回おもに教科書がわりにしたのは一人React.j
3, 4 日で React を案件に導入(先っちょだけ)した話 - Qiita
はじめに まずこの話は 最近話題だった React を案件に とりあえず 使ってみたという話をダラダラと書いた記事です。 React について深く書くという記事ではないでの悪しからず。 状況と経緯 まず状況を整理します。 私の話 フロントエンジニアといして有りたい存在 javascript も少し書くが、そこまで自信を持てるコードではない。という感じ。 最近 BEM にハマっていた。 案件の状況 前々から続く案件。 そのターム毎に、やること自体は変わるが、根本は同じ。デザインレベルで全く違うものだよ。 今回は量としては実質 3 ページ程度のスマホ用サイト。 ajax で通信して 情報を元にシーンを展開していくもの。 フロントの環境は全て私が決めてよい環境(というか一人でつくる) 以前の構築には grunt, assenmble を用いたスタティックなサイトを用いた。 納期がまじで短い、日曜
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
