Fluxとはなんなのか - Qiita
今までReduxでのアプリケーションの開発やシンプルなFluxのコードの素振りはしてきました。 なんとなくアーキテクチャについての考え方や仕組みをコード上では確認できました。 がしかし!!もっと根本からどういった思想で何が美味しいのかを調べたいと思いました。そんな思いをまとめた記事になります。 MV*の何がだめだったのか MVCやMVVMなどいろんな概念があります。 MVCとMVVMの違いは図のような感じです。 MVC MVVM 一方方向なのか双方向かの違いだけですが、個人的には仲間だと思っているのでここではMVVMを中心に見ていきます。 ViewModelではViewから受け取ったデータをModelが受け取れる形に加工してModelに送ります。 それまでjQueryとAjaxを利用して作成されてきたアプリケーションはModel(ロジック)層とView層に分離させる必要がありました。 Vi
サブスタックさんがfluxについてひとこと言いたいそうです。
サブスタックさんがfluxについてひとこと言いたいそうです。.md つまりfluxっていうのは基本的にはEventEmitterでイベントの順序があるっていうことかな? なんか色々書いてあるけども https://facebook.github.io/flux/docs/dispatcher.html#content そして僕にはEventEmitterからみて利点がよくわかってない、単なる人目を引かせるためのマーケティングかな これがほぼ全てのコードか。 https://t.co/y2dbxOtUn9 ドキュメントとは異なっているようにみえるが、、、 @substack fluxはライブラリって言うよりコンセプトだよね。だからflux inspired libraryがたくさんあるんだと思うけど @NickDima なんか騙してるっぽく見える。。。 @NickDima さらに言えば、fl
yahoo/fluxible による SPA + Server Rendering の概観
Single Page Application + Server Rendering yahoo/fluxible を使って、Single Page Application と Server Rendering の良いとこ取りのアーキテクチャを目指す。ある程度の複雑性と引き換えに、双方の利点で双方の欠点を打ち消し合うことができるため、全体的には良好なユーザーインタラクションを期待できる構成。 なぜ Single Page Application なのか 画面遷移時するたびにJavaScript/CSS のパースと評価をしなくて良くなる 画面遷移時のトランジションを柔軟に適用できる 画面遷移をまたがった実装が可能になる（あくまで可能になるだけ） なぜ Server Rendering するのか 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰
Replaying bugs with Flux
A bug is reported. A user seems to have gotten your app in some unforeseen and untested limbo-state, which you cannot reproduce. He or she might even provide all the info you ask for: browser, screenshots, steps taken, et cetera, but the problem cannot be produced again and then debugged. Solving this with FluxUsing Facebook’s Flux architecture with React, we can quite easily solve this problem. S
Fluxアーキテクチャのメモ
最近は Flux + React を使っています。Secure Code Tipsでも部分的に採用しました。今回は Fluxアーキテクチャについて、現時点で自分の理解している内容をメモしておきます。 Fluxの概念図Flux: Actions and the Dispatcher | React というページでは以下の図が使用されています。よく見る図です。 現在の自分の認識を基にしてこの図をもう少し詳しくすると、以下になります（だいたいこんな感じという程度の図です）。 * Web API と Web API Utils は省略しています。 Web API と Web API UtilsAction Creators が保持しているメソッド内からAjaxリクエスト処理等を行う場合、その部分をこちらに切り出して使用します。Action Creators と ActionsAction何かしら新
The Case for Flux
Flux has become trendy in the past few months, and you’ve seen everyone and their dog roll out their own implementations. The momentum around this pattern is so hard to ignore that, if you are a React beginner, you might be in a position where you think that Flux is the way to write React apps, but you’re frustrated that you don’t get it. This is a problem. It is in React’s spirit to constantly qu
React と Flux で Tumblr を再構築する話。 - Qiita
React と Flux を用いてアプリケーションを構築します。 これを採用した点は、 はじめに書いた通り、 React を選択しながら アプリケーションを書くには Flux のフローを導入するのが今のところよいとされると思ったからです。 React は View を提供してくれますが、それだけだと データのやりとり等を含めた、アプリケーションは構築しにくいです。 といっても、今回私の作成した例では、React 単体でも構築可能です。 Flux における アプリケーションフロー Flux では有名な図。一方通行なデータフローが素敵ってよく言われる。 React が提供してくれるのは 図の React Views Flux が提供してくれるのは 図の Dispacher そして、他の部分は自分で作成していくことになります。 フォルダ構成 先に述べた通り、Flux はデータのやりとりを示してく
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction to flux-util
ReactとFluxのこと // Speaker Deck