テクノロジー
ReactをjQueryの数行に要約する | POSTD

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

ReactをjQueryの数行に要約する | POSTD

テクノロジーカテゴリーの変更を依頼記事元:

postd.cc

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

472usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

ReactをjQueryの数行に要約する | POSTD

472 users

postd.cc

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント30件

注目コメント
新着コメント

mizchi自分は最初この記事のようなアトミックな設計にいきつき、パフォーマンスチューニングでアトミック性を破壊せざるを得なくなり、結果としてそれをそこそこに両立できるReactに辿り着いた

2015/04/21リンク

その他

hamichamp勉強しなきゃ。

2015/04/21リンク

その他

Ashizawa[] 【翻訳】ReactをjQueryの数行に要約する

2015/04/21リンク

その他

ko-ya-maモダンなJavaScriptの考え方が学べる良い記事

2015/04/21リンク

その他

hashrockjQuery真面目にやると、こういう感じに行き着くなー。

2015/04/21リンク

その他

Dai_KamijoReactをjQueryの数行に要約する | プログラミング | POSTD@POSTDccさんから — 上條　大 (@Dai_Kamijo) March 30, 2016 from Twitterhttps://twitter.com/Dai_Kamijo March 30, 2016 at 11:17PM via IFTTT

2016/03/30リンク

その他

ryota-murakamiいわゆるデータバインドのメリットがめっちゃ分かりやすく書いてある

2015/12/17リンク

その他

p_tan内部状態の更新とビューの更新は切り分けて、ビューはあくまで内部状態を純粋関数に通したデータしか使わないってことかな。つまりはコマンド・クエリ分離を徹底すればシンプルになるよと。

2015/10/28リンク

その他

iR3ふむふむ

2015/08/05リンク

その他

ir_taktEventとDOM更新の間にStateを挟んで状態を純粋関数にするReact的設計を(パフォーマンスはともかく)jQuery+virtual-domで実現する話

2015/06/02リンク

その他

mosco-mule【翻訳】ReactをjQueryの数行に要約する「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して

2015/04/26リンク

その他

syrup92glater js jquery react

2015/04/24リンク

その他

pepsi1117reactの基本概念がわかる

2015/04/24リンク

その他

efcljQueryで書いたコードにReactのアイデアを適応して、状態の変更とDOMへの反映へと処理を分けていく話。 Virtual DOMやimmutabilityについても触れている

2015/04/23リンク

その他

Dolpen今までstate→jQueryObjectの関数書いてwrapperの中身を全部remove→appendみたいなことをしてたけど、一層挟んでremove→appendを差分更新関数の集合に出来るのか。幸い楽に移行できそうだし趣味のコードに使ってみよう。

2015/04/23リンク

その他

kmatz90めも

2015/04/23リンク

その他

amazedkoumei“最も遅いものの1つ”

2015/04/22リンク

その他

anconiumあとよみ

2015/04/22リンク

その他

cyokodogなんかタイムリー・・そー思って作ってたとこhttp://cyokodog.github.io/web-audio-rythem/

react.js

2015/04/22リンク

その他

manatenReactなんとなく知ってる人に対して、もう一歩踏み込むための記事かな

javascript

2015/04/22リンク

その他

stealthinujqueryでreactっぽいものを書くためのものかと思ったがreactとは実はこういうものだよという理解を深めるためのものだった。逆にreactの良さがわかる。

2015/04/22リンク

その他

lesamoureuses流れ一つ一つ進んでいく作業面白かった

2015/04/22リンク

その他

kimutanskJQueryでもこういう風には書けるものの、Reactを使うと確かにUpdateとrenderという構成に自然となりますねぇ

2015/04/22リンク

その他

lpcwwwcom【翻訳】ReactをjQueryの数行に要約する

2015/04/21リンク

その他

sujiiJavaScript

2015/04/21リンク

その他

ymmtmdk興味が湧いた

2015/04/21リンク

その他

dekokun1. グローバルな一つの状態をもちそいつだけを更新させUIをその状態にすることで組み合わせ爆発を防ぐ 2. そこで問題になる速度低下をvirtualdomで解決 3. virtualdomで速度のために重要な差分更新をどうするかという流れのお

2015/04/21リンク

その他

hamichamp勉強しなきゃ。

2015/04/21リンク

その他

nukkonuko1126技術

2015/04/21リンク

その他

hashrockjQuery真面目にやると、こういう感じに行き着くなー。

2015/04/21リンク

その他

Ashizawa[] 【翻訳】ReactをjQueryの数行に要約する

2015/04/21リンク

その他

kybernetesこれヘタするとぐちゃぐちゃになる。

2015/04/21リンク

その他

2015/04/21リンク

その他

ko-ya-maモダンなJavaScriptの考え方が学べる良い記事

2015/04/21リンク

その他

pipeheadhttp://hackflow.com/blog/2015/03/08/boiling-react-down-to-few-lines-in-jquery/ の和訳; React のアイデアを jQuery で説明; 状態, 純粋関数, 仮想 DOM, 不変オブジェクト

2015/04/21リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「ReactをjQueryの数...」が注目されています。

気持ちをシェアしよう

ツイートする

ReactをjQueryの数行に要約する | POSTD

「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞い...「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('