[B! flux] komlowのブックマーク

クライアントサイドのモデルとは何か前編 ~ クライアントサイド MVC の死 - mizchi's blog

前置きこの記事、本来はFlux には Model がないのではないかと思った覚書 - ナカザンドットネットとFlux の Store が ViewModel かって話からの MVW とかどうでもいいって話 - 猫型の蓄音機は1分間に45回にゃあと鳴くのアンサーとして書き始めた記事だが、前置きだけで別テーマとなったので、前後編に分割する。僕は元々がゲームクライアント屋だったときの発想を引きずってるのと、既存の Web の開発の文脈に対して距離を置いていることを明言しておく。あとこういうテーマでとある原稿書いていたので、頭の整理も兼ねて。 ActiveRecord の功罪を振り返るこのテーマを語るにあたって、まず Rails の MVC について述べなければならない。なぜなら、フロントエンドのアーキテクチャとは、サーバーサイドの MVC の模倣に始まり、破綻し、結果として

komlow 2018/05/15

flux

リンク

Flux | Flux

The Flux project is in maintenance mode and there are many more sophisticated alternatives available (e.g. Redux, MobX, Recoil) and we would recommend using them instead. What is Flux?Flux is the application architecture that Facebook uses for building client-side web applications. What does it do?It complements React's composable view components by utilizing a unidirectional data flow. How do I u

komlow 2017/04/20

リンク

EventEmitterバケツリレースタイル/フレームワークなしで小さくFluxする - Qiita

想定しているシチュエーション非SPA環境で個別にマウントされるコンポーネントがそれぞれで小さくFluxするような環境。 SPAガッツリ組むのでないなら、Fluxフレームワークは不要だと思っていて、とは言えオレオレ構成も行き過ぎると害になる。その辺のバランスをとって、次のような構成がいいのではないか、と考えてみた。考え方コンテナがEventEm itterを1つ保持するコンテナはEventEm itterの各種イベントをListenするコンテナはpropsとstateを区別して扱い、stateを更新するコンテナはコンポーネントを一つだけ描画するコンポーネントはpropsとして渡されたEventEm itterを発火させるコンポーネントはEventEm itterをListenしないコンポーネントはpropsのみ扱うコード // src/components/header.js

komlow 2017/04/20

リンク

FluxとDDD(レイヤードアーキテクチャ)について考えてみた - embryo

トレタ Advent Calendar 2016 - Qiita 16日目の記事になります。フロントエンドエンジニアのすえだです。はじめにFlux実装する上で曖昧性をできるだけ無くすために頑張る話です。 ***アーキテクチャはこうあるべきみたいな原理主義的な話はありません。あくまで参考です。この記事で書いていることFluxについて DDD(レイヤードアーキテクチャ)についてFluxとDDDの関係性Fluxのレイヤー化Fluxについて単方向に伝搬されるデータでアプリケーションの状態を表現するアーキテクチャパターンです。 CQRSとEvent Sourcingを組み合わせたような形になります。恩恵単方向のデータフローにより、行ったり来たりのような処理が少なく振る舞いを理解しやすい DispatcherやActionがシングルトンで表現されるので参照に悩まされづらい DDD

komlow 2016/12/17

flux
DDD

リンク

Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離

Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything

komlow 2016/12/08

リンク

Reduxのパターンとアンチパターン | POSTD

Redux は、Flux のようなアーキテクチャを使用してアプリケーションの状態を管理できる非常にシンプルなライブラリです。私たち Affirm では今、 Reduxのタイムトラベル機能に注目しています。Affirmの主要事業は、透明性の高い消費者ローンを提供することなので、ローン申し込み時の全過程をユーザ視点で再現できると非常に有用なのです。 Reduxはフレームワークというよりも、パターンの適用に役立つ関数セットです。よって、適切なパターンを慎重に適用しないと、Reduxを使ったことを後悔する結果になりかねません。この記事では、Affirmで確立したReduxのベストプラクティスや、ミスを犯しやすいポイントについて説明します。 ImmutableJS ImmutableJS は、不変の永続データ構造を扱うためのライブラリです。私たちがこのライブラリを好んで使う理由は2つあります。

komlow 2016/11/08

リンク

Almin · Flux/CQRS patterns for JavaScript application.

Now, We can implement web apps with Flux, Redux, MobX etc. But, We often hear a story like following: The control flow of [[LIBRARY]] is cool! But how to implement domain logic? Almin aims to help you focus domain logic on your application.

komlow 2016/09/26

リンク

react-problems.md

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

komlow 2016/09/07

リンク

10分で実装するFlux

10分で実装するFlux 自己紹介 azu @azu_re Web scratch, JSer.info Flux /flˈʌks/ Fluxとは Facebookが提唱したSmalltalk MVCの焼き直し CQRS(Command Query Responsibility Segregation)と類似データが一方通行へ流れるようにするアーキテクチャウェブUIについてそれを適応する今日の目的小さなFluxの実装を作りながらFluxついて学ぶ Fluxの特徴: Unidirectional data flow 本当にデータが一方通行に流れるのかを確認する Fluxでよく見る図登場人物何か色々いる Action Creators, Dispatcher, Store, React Views... Dispatcher = EventEm itterと今回は考えるもっと実装的

komlow 2016/06/22

flux

リンク

Fluxible + React の概要をまとめた - Qiita

最近Fluxibleを使っていくつかFlux で isomorphic なアプリを作ってたりするので、それのまとめや、それをもとにテンプレを作った。環境的にはタスクランナー: gulp サーバーサイド: Node.js + Express クライアントサイド: webpack, React.js その他: babel(ES6) である。fluxible-example/fluxible-router を参考にしたけど、コード自体は1から書いてるので原型はない。前置き︵基本知識︶Flux とは？このスライドが非常にわかりやすかった。 http://inside.pixiv.net/entry/2015/04/27/170944 要は、データの流れを一方向にして、コードを簡潔にしようという思想。あくまでも﹁考え方﹂であり、﹁オブジェクト指向﹂とか﹁関数型﹂みたいなものであり

komlow 2016/06/22

リンク

mizchi の Redux 考

mizchi @mizchi なぜreduxがゴミか、関数を各種インターフェース・ミドルウェアにとるが、関数が満たすべき仕様(型)が明示されてなくて、合成された関数が適用順のどのステップにあるか判断できる材料がないのが1つ mizchi @mizchi reduxが使い物にならん理由、actionCreator と reducer と mapStateToProps(かそれ相当の関数) が実質的に密結合で分解不可能だが、reducer から先が非同期をとれないので、action~ にロジックが押し込まれていく。

komlow 2016/06/22

リンク

Fluxフレームワーク戦争の現状確認（前編） - マルシテイア

この記事は仮想DOM/Flux Advent Calendar 2015 2日目の記事です。みなさんFlux書いてますか？僕はオレオレ実装を書き続けて消耗してます。Fluxフレームワーク使いたいけど使いたくない……！！いったい今Fluxフレームワークって幾つ生き残ってるの……戦争は終わったの？っていうか最近新フレームワークの噂聞かないけど、まだFluxって流行ってるの？今日はその辺をまとめてみたいと思います。もくじ前提知識Flux以前 2014年5月Flux登場〜2015年前半戦国時代Fluxxor Fluxible Alt NuclearJS 振り返り 2015/5月 Reduxの登場前半まとめ前提知識Fluxってなに？という方はこちらの資料をみると良いでしょう。非常に丁寧にまとめられています。 speakerdeck.com なお、以下ではアーキテク

komlow 2016/06/22

flux
react

リンク

ReactとFluxのこと // Speaker Deck

http://inside.pixiv.net/entry/2015/04/27/170944

komlow 2016/06/22

リンク

DDD + Flux?

READY FOR THE BATTLE? -Introduction to Live Coding-

komlow 2015/09/09

リンク

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何かしら新

komlow 2015/05/29

flux

リンク

橋本商会 » flux.DispatcherのwaitForの実装

Promiseもコールバックも使ってないのにDispatcherのwaitForで順番の制御ができる。どういう事なのか気になったので調べた。 Reactはなんとなく使えるようになった気がしたので、fluxでやろう、StoreとかActionとかどう書くんだと調べてて、とりあえずfluxnpmというFacebookの中の人によるfluxアーキテクチャの説明とDispatcherが一つだけ入っているnpmを見ていた。 Dispatcherは使ってみた感じ、イベント名が無いEventEm itterみたいな感じで、登録順に実行される。flux = require 'flux' Dispatcher = new flux.Dispatcher Dispatcher.register (action) -> console.log "1 - #{JSON.stringify action}"Di

komlow 2015/04/26

リンク

FacebookのFluxアーキテクチャの始め方 Part 1 | POSTD

私のように、Reactを使ってより進んだことがしたいと考えたなら、おそらくFlux に注目した経験があると思います。ざっと目を通してタブを閉じ、JavaScript開発者としての自分の人生を見直したことでしょう。もしReactになじみがなければ、私の記事﹁React入門﹂を読んでみてください。Fluxとは？Fluxは、遠目には始めるために複雑な手順を踏まなければいけないように映ります。しかし、 GitHubにあるexample を見てみれば、これがどのように機能するのかが実に明確になってきます。簡単に言うと、Fluxは美化された出版-購読型モデルのアーキテクチャです。データはシステム内を一方向に流れ、そこから様々な利用者が必要に応じてデータを取得します。これについて考えるには、私たちの体に例えてみると簡単です。イベント – 血液血液は私たちの体内を一方向に流れています

komlow 2015/04/06

flux
react

リンク

React-Router with Flux

react-router provides great route handling with route params and query params. Flux provides a pattern for building React apps, including a pattern from providing data to your components. Here's a straightforward way to make route changes trigger data changes in your components. Note: Code here reflects usage of react-router 0.11.x. It is often the case that we'll need to trigger data changes in a

komlow 2015/03/30

リンク

What the Flux? (On Flux, DDD, and CQRS)

Flux is an application architecture designed by Facebook for their JavaScript applications. It was first introduced by Facebook in May 2014, and it has since garnered much interest in the JavaScript community. There are several implementations of Flux. Frameworks like Fluxxor keep to the original Facebook Flux pattern, but reduces the amount of boilerplate code. While other frameworks like Reflux

komlow 2015/03/15

flux

リンク

On Flux Stores and Actions

There’s been a lot of discussion on what Flux is, the different variations, and how the pattern can be improved upon. I’ve even blogged about Flux here on this blog! I’ve been doing a lot of work with React and Flux in the past month. In that time, I learned a lot about architecture, patterns, and community best practices. I want to share some ideas that I’ve been thinking about here. In this post

komlow 2015/03/13

flux

リンク

はてなブックマーク

タグ

関連タグで絞り込む (12)

fluxに関するkomlowのブックマーク (28)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス