mk-app-loader v2.0.3

mk-app-loader

mk简介

mk = monkey king = 齐天大圣

mk-app-loader特点

• 这是一个基于react, redux, immutable的开源项目
• 简化原生redux实现状态管理的过程
• 以app的方式组织代码，隔离app状态
• 单页程序，通过提供不同app名装载不同应用
• 每个app模式统一，可维护性强，大规模开发，项目管理更加容易

适用人员

有react, redux经验的人员

运行example

$ cd example
$ npm install
$ npm start
浏览器访问127.0.0.1:8089

API

npm install mk-app-loader --save

AppLoader组件属性

this.props包含属性介绍

action代码

定义component事件需要处理的一些行为方法，示例代码如下

export function initView(){
	//injectFuns是appMiddleware注入对象，其中最重要的一个reduce方法可以指定reducer方法名就可以调用
	//避免redux中处理消息的很多代码
	return injectFuns=>{
		injectFuns.reduce('initView')
	}
}

• injectFuns是appMiddleware注入的，默认包含下面两个方法

reducer代码

定义修改状态的方法，由action调用

它里面所有对外的方法第一个参数是state表示旧状态，返回值是新状态

示例代码如下

import {Map} from 'immutable'

export function initView(state=Map() ){
	return state.set('text', '这是hello world app!')
}