Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今までReduxでのアプリケーションの開発やシンプルなFluxのコードの素振りはしてきました。 なんとなくアーキテクチャについての考え方や仕組みをコード上では確認できました。 **がしかし!!**もっと根本からどういった思想で何が美味しいのかを調べたいと思いました。そんな思いをまとめた記事になります。 MV*の何がだめだったのか MVCやMVVMなどいろんな概念があります。 MVCとMVVMの違いは図のような感じです。 MVC MVVM 一方方向なのか双方向かの違いだけですが、個人的には仲間だと思っているのでここではMVVMを中心に見て
サブスタックさんが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
Single Page Application + Server Rendering yahoo/fluxible を使って、Single Page Application と Server Rendering の良いとこ取りのアーキテクチャを目指す。ある程度の複雑性と引き換えに、双方の利点で双方の欠点を打ち消し合うことができるため、全体的には良好なユーザーインタラクションを期待できる構成。 なぜ Single Page Application なのか 画面遷移時するたびにJavaScript/CSS のパースと評価をしなくて良くなる 画面遷移時のトランジションを柔軟に適用できる 画面遷移をまたがった実装が可能になる（あくまで可能になるだけ） なぜ Server Rendering するのか 初期表示の Critical Rendering Path を短縮できる SEO における保守信仰
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 + 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何かしら新
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 を触ってみて僕としては、中々いい感じだなと思ったところで。 今度はちょっとしたアプリケーションを組んでみようと思ったとき話です。 非常に長い。スライドにすればよかった。LTとかで ##Tumblr 毎度お世話になっております。無料でブログができちゃう神サービス。 問題点 ただし神といっときながらも、幾つか残念な点も多数。 カスタマイズの管理がしにくい テストが辛い(毎回アップロードも嫌だ) 案件で使用するとなると、鍵かけなきゃいけないし。何かと死にたい。 言いたいことは、 Tumblr の仕様にのっとった更新の手間につきます。 今回で可能な解決 今回はすべて TUmblr API から値をとってくるので、いろいろな問題を解決できます。 カスタマイズページで更新せず localhost での確認が可能 テストも毎回テンプレート更新をしないので良いのでし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
