Fluxible Router Fluxible 应用程序路由

BSD
JavaScript
跨平台
Yahoo
2015-05-05
孔小菜

Fluxible Router Fluxible 应用程序的路由。

特征:

  • 同构路由

  • 高阶组件处理历史和路径

  • nevigateAction 可用于改变路径

  • 更新至 React 0.13

  • 遵循磁通流动

示例代码:

var Fluxible = require('fluxible');
var Router = require('fluxible-router');
var React = require('react');
// Component
var App = React.createClass({
    mixins: [Fluxible.FluxibleMixin], 
// Calls onChange when storeListeners emit change
    statics: {
        storeListeners: [Store]
    },    
     getInitialState: function () {        
          return this.getStore(Store).getState();
    },    
     onChange: function () {        
          this.setState(this.getStore(Store).getState());
    },    render: function () {        
     return <span>{this.state.foo}</span>
    }
});
// App
var fluxibleApp = new Fluxible({
    component: App
});
fluxibleApp.registerStore(Store);
// Bootstrap
var context = fluxibleApp.createContext();
context.executeAction(action, 'bar', function () {    
console.log(React.renderToString(context.createElement()));
});
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

React Server Side Rendering 解决 SPA 应用的 SEO 问题

原文地址:https://blog.coding.net/blog/React-Server-Side-Rendering-for-SPA-SEO作者:书一@Coding 前端技术的流行,衍生了许多前端框架,如 Angular JS、Polymer、Backbone,Ember.js 等,...

2016/03/03 16:06
66
1
vue入门总结(4)

1.路由的模式: 前文中我们创建VueRouter实例时用了mode:history的参数,这个值的意思是使用history模式,这种模式充分利用了history.pushState API来完成URL的跳转而无须重新加载页面。 如果...

09/01 15:26
13
0
如何在Quagga BGP路由器中设置IPv6的BGP对等体和过滤

在本教程中,我们会向你演示如何创建IPv6 BGP对等体并通过BGP通告IPv6前缀。同时我们也将演示如何使用前缀列表和路由映射特性来过滤通告的或者获取到的IPv6前缀。 拓扑 服务供应商A和B希望在...

2015/10/23 10:20
72
0
CISCO交换机,路由器配置全集

交换机命令 Switch#config t Switch(config)#enable secret cisco 设置进入特权模式的密码 Switch(config)#hostname 交换机命名 Switch(config)#interface Ethernet0/1 进入接口模式 Switch...

2013/08/04 23:05
31
0
Routing 功能概述 - 每天5分钟玩转 OpenStack(98)

路由服务(Routing)提供跨 subnet 互联互通功能,本节将概要介绍 Routing。

2016/10/12 07:19
184
0
informatica router组件

Router组件的作用主要有两个:根据分发条件对数据进行分发;过滤数据,根据多个条件得到(或去掉)不需要的数据。 filter组件只能写一个过滤条件 Router组件的使用注意事项: router组件和目...

2014/12/24 16:38
28
0
创建 router 连通 subnet- 每天5分钟玩转 OpenStack(100)

上一节我们为 Neutron 虚拟路由器配置好了 L3 agent,今天将创建虚拟路由器“router_100_101”,打通 vlan100 和 vlan101。

2016/10/17 07:25
188
0
(4)添加vue-router

(4)添加vue-router 1 安装vue-router cnpm install vue-router --save 2 页面准备 新建目录/src/views/common,此目录下面建立4个组件404.vue、home.vue、login.vue、theme.vue。每个文件只...

10/18 10:20
8
0
Angular2学习笔记之Router篇

Angular2 rc4 版本Router学习笔记

2016/07/11 23:31
154
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部