[Flux] 2. Overview and Dispatchers

Flux has four major components: Stores, Dispatchers, Views, and Actions. These components interact less like a typical MVC and more like an Event Bus.

src/js/dispatchers/app-dispatcher.js

var Dispatcher = require(‘flux‘).Dispatcher,
    assign = require(‘react/lib/Object.assign‘);

var AppDispatcher = assign(new Dispatcher(), {
    handleViewAction: function (action) {
        this.dispatch({
            source: ‘VIEW_ACTION‘,
            action: action
        });
    }
});

module.exports = AppDispatcher;
时间: 2024-12-09 13:10:52

[Flux] 2. Overview and Dispatchers的相关文章

Android - Flux架构

Flux架构, 顾名思义表示"流", 是以数据流为基础. 任何架构最终的目的都是让程序更加有序, 功能便于扩展, Bug容易追踪. Facebook使用Flux架构来构建客户端Web应用. Flux架构并不是为移动端设计的, 但是我们仍然可以采用这个思想在Android端使用. 基本架构模型如图: 模型主要分为四个模块: 1. View: 视图. 通过调用ActionCreator创建响应用户操作的Action. 2. Action: 事件. View通过ActionCreator发送

初始React Native

1.何是React Native: React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目.支持用开源的JavaScript库React.js来开发iOS和Android原生App.初期仅支持iOS平台,同年9月份,该开源项目同时支持Android平台.React Native的原理是:在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染,比如以<View>取代<div>,以<Image&g

HTML5 例子学习 HT 图形组件

HTML5 例子学习 HT 图形组件 HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization. 这口号是当年心目中的产品方向,接着就朝这个方向慢慢打磨,如今 HT 算是达到了这样的效果,谈不上用尽洪荒之力,但我们对产品结果很满意,特别是 HT 的用户手册,将例子和文档无缝融合一体,小小 10 来兆开发包居然包含了四十五份手册,数百个活生生的 HTML5 例子,还没体验过的同学可以点击 http://www.

数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇

HT 是啥:Everything you need to create cutting-edge 2D and 3D visualization. 这口号是当年心目中的产品方向,接着就朝这个方向慢慢打磨,如今 HT 算是达到了这样的效果,谈不上用尽洪荒之力,但我们对产品结果很满意,特别是 HT 的用户手册,将例子和文档无缝融合一体,小小 10 来兆开发包居然包含了四十五份手册,数百个活生生的 HTML5 例子,还没体验过的同学可以点击 http://www.hightopo.com/guide/

React-Native入门指导之iOS篇 —— 一、准备工作

React-Native 入门指导系列教程目录 一.准备工作 (已完成) 二.项目介绍与调试 三.CSS样式与Flex布局 四.常用UI控件的使用 五.JSX在React-Native中的应用 六.事件与数据调用 七.自定义组件 八.动手写实例 九.发布与真机调试 写在前面 1. 什么是React-Native? React-Native是:Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目.支持用开源的JavaScript库React.js来开发iOS和Andro

flux overview

概览 Flux是一个应用框架,Facebook用它来构建客户端的应用.它利用一个单向数据流组织React的组件化视图的组件.相比框架来说它更像是一个模式,你可以不用很多新代码就可以立即开始使用Flux. Flux应用有三个主要部分:调度器(dispatcher),存储(store)和视图(view,React的组件).这不应该与MVC混为一谈.在Flux应用中没有控制器,但有控制器视图——视图常常处于层级顶端从store中接收数据,然后再传递给它的子项.另外,动作构造器——调度器的帮组方法——用

[Flux] Stores

Store, in Flux which manager the state of the application. You can use EventEmiiter to listen to the change to state. import {dispatch, register} from '../dispatchers/app-dispatcher'; import AppConstants from '../constants/app-constants'; import { Ev

react flux

Overview 为了方便理解,主要的英文名词都没有翻译.比如:dispatcher(调度者). store(仓库).view(视图) Flux是Facebook用来构建用户端的web应用的应用程序体系架构.它通过利用数据的单向流动为React的可复用的视图组件提供了补充.相比于形式化的框架它更像是一个架构思想,不需要太多新的代码你就可以马上使用Flux构建你的应用. Flux应用主要包括三部分:dispatcher.store和views(React components),千万不要和MVC(

适用于Android的Flux架构

原文链接 : Flux Architecture on Android 译文出自 : 开发技术前线 www.devtf.cn.未经允许,不得转载! 译者 : Mr.Simple 找到一个好的应用架构对于Android来说并非易事,Goodle似乎并不那么关心这方面,因为他们并没有推荐一个合适的应用架构.但是对于应用来说一个良好的架构是非常重要的.不管你是否同意,每个应用都应该有一个架构.因此,你最好为你的应用设计一个架构,而不是任由它发展. ## 清晰的软件架构 现在比较流行的架构是Bob大叔在