m860/react-practise

react practise

JavaScript

React Practise

Examples & API Documents

common guideline

所有的资源文件放在/assets中
component必须继承/components/BaseComponent.js
page必须继承/pages/BasePage.js
所有的component的定义放在目录/components中,文件名定义单次首字母大写
所有page的定义放在目录/pages中,文件名定义单次首字母大写
所有类型的定义都需要定义在/types.js文件中
所有js采用js flow语法
所有page的root node建议使用Layout

config

所有的配置文件必须以.config.js进行结尾
app.ENV.config.js文件有点特殊,需要按照环境进行配置,且在引用的时候需要按照下面的方式进行引用
```
//固定写法
import config from 'config'
```

redux

reducer和action的定义需要定义在一个文件中且文件名以.ar.js结尾,如:test.ar.js.
.ar.js文件保存在目录/ar中
/ar目录中包含一个index.js文件,定义的所有.ar.js需要在index.js中进行统一导出
action的数据结构采用react推荐的数据结构,定义在types.js中 ActionTypes
action.type建议使用guid,如果不使用guid请保证其唯一性
默认情况下redux中的数据会持久化到localstorage

css

支持css sass
所有的布局采用flex布局
基础样式包括: materialize-css font-awesome
所有样式文件按照模块以文件的形式进行切分,如导航栏:nav.sass,然后在app.sass中引入模块

command

启动开发环境

$ npm run dev

init

$ ./init.sh <folder> [options]

TODO