[B! Flux] marukoro3150のブックマーク

Fluxを使ったScalaJSの二層式フロントエンド #jsオジサン

解決策フロントエンドを「Frontend-backend」と「Frontend-frontend」に分けてpostMessageで通信する Frontend-frontendはFluxを採用してFrontend-backendから送られてきたメッセージを流すだけにする Frontend-frontendで発生したイベントはpostMessageで投げてFrontend-backendで処理する

marukoro3150 2015/10/19

リンク

André Staltz - Unidirectional User Interface Architectures

This post is a non-exhaustive quick overview of the so-called “unidirectional data flow” architectures. Not meant to be taken as a beginner tutorial, but rather as an overview of their differences and peculiarities. At the end, I’ll introduce a new architecture which deviates significantly from the others. This post assumes client-side Web UI frameworks only. TERMINOLOGY It would be confusing to t

marukoro3150 2015/10/09

Flux

リンク

Electron, React, Fluxを使ってアプリケーションを作った - Qiita

Electron勉強会 #1で発表した、Electron, React, Fluxを使ってアプリケーションを作る話について解説する。位置づけとしてはElectronのremoteでプロセス間通信を高レベルに扱うの続きにあたる。概要 ElectronアプリケーションにFluxアーキテクチャを利用することは、レンダラプロセスの内部で処理が解決する場合において有効である。レンダラプロセス間で状態を共有したい場合、メインプロセスとレンダラプロセスでFluxアーキテクチャを二重化することでこの課題を解決できる。しかしユーザ操作によってレンダラプロセスが終了された場合、Fluxアーキテクチャそのままでは正しくActionを通知することができない。複数のレンダラプロセスを立ち上げることに適応できるよう、Fluxアーキテクチャに変更を加えなければならなかった。成果物 MisumiRize/GHCa

marukoro3150 2015/05/21

Flux

リンク

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

marukoro3150 2015/03/16

リンク

React/fluxで動画サンプラー書いてみた

Reactでビデオサンプラー作ってみた http://gmork.in/RVD/ fand/RVD · GitHub 使い方は↓ RVD tutorial - YouTube 16進数4文字で一小節のパターン指定する。 4小節までできる。四つ打ち: 0x8888 16分連打: 0xFFFF BAD APPLE!のイントロ: 0x888F888A 0x888F8888 Reactの感想 ReactはDOMをJSXで書くんだけど、書きたくないじゃん？平易なJSで書くために、react-kupなどのラッパーがある。今回は、もっと楽がしたかったので、自分でspacepenっぽいラッパー書こうとしたけど無理そうだった。結局、JSX、一人で書く分にはそんなに悪く無いと思い始め、JSXで書いた。パフォーマンスなどは知らん。もっとDOMをたくさん生成するフィードリーダーとかじゃないとわからない

marukoro3150 2014/11/25

react
Flux

リンク

やってみよう Flux + React | コラム | MDMによる端末やスマートフォン管理ならMobiConnect

FluxとはFacebookが提唱しているReact向けのアーキテクチャです。(フレームワークではないとのこと) Reactとは同じくFacebookが開発しているJavaScriptクライアントアプリケーションのビューのライブラリです。 Virtual DOMという仕組みを持っていて、ビューの変更差分だけを実際のDOMに反映するため高速に動作する特徴があります。 Reactはビューの機能しかないので、Reactだけではアプリを組めません。そこをカバーするのがFluxです。 Fluxの概念図は下記のとおりです。 Fluxの三大要素はViews(React)、Dispatcher、Storeです。これらの間をデータは一方向に流れます。(unidirectional data flow) Viewで発生したユーザー操作はActionを経由してDispatcherを呼び出します。D

marukoro3150 2014/11/12

リンク

Get Started React.js

React.jsについての簡単な紹介 Component化、Prop、Stateの使い分け、イベント、addon、mixin、アーキテクチャ、ServerSide Renderingなどについての説明。一部v0.12で変わった部分の対応もしています。

marukoro3150 2014/11/11

react
flux

リンク

Isomorphic Flux

Talk for ReactJS SF Meetup

marukoro3150 2014/11/07

リンク

Reactive MVC and the Virtual DOM

The web frontend scene is witness to many new frameworks and ways of working. It can be quite annoying when software becomes legacy quicker than ever. But actually, it's just good old innovation happening as it should, because the opportunities for improvement are there. Frameworks come and go, but what rem ains are the good ideas that they brought to the world. We're going to talk about the good i

marukoro3150 2014/11/04

リンク

Full-[Watch]! Power Season 6 Episode 12 Online Free 123Movies

Introduction Welcome to the third installment of the Learning React series. Today we will be learning about how Facebook’s Flux Architecture works, and how to use it in your own projects! If you haven’t already, I strongly recommend you check out the first two installments in this series, Getting Started & Concepts and Building a Real-Time Twitter Stream with Node and React. They aren’t a hard pre