小花猫商城
1.外部组件部分,利用babel-import-plugin进行项目配置,已达到antd的按需加载,提高项目性能,并不会加载到不需要的一些的组件
2.数据流部分,首先,通过 middleware 和 reducer 生成 store, 然后获得项目的初始 state,通过初始 state 去渲染页面的初始状态。当页面初始状态加载完毕后,我们需要向后端请求去拿去一些用户数据。这时,我们分发一个action,在这里,我们的 action 会被 callApiMiddleware 通过 meta 里面的 isApi 标识命中,并去做相应的事情。
3.react生命周期,一般会在componentWillMount中进行一些与原生native交互的行为,如更换页面title以及主题颜色,获取用户登录态等行为,componentDidMount进行数据获取和处理,componentShouldRecieveProps进行数据更新判断是否重新渲染页面等
4.请求数据,数据请求在项目当中使用的技术fetch,进行过一些简单的封装,主要是依据当前不同的环境进行不同的数据请求,以及一些逻辑的容错
5.路由,安装模块,创建路由嵌套组件,入口文件,以及react-rouer-redux的使用,以设置store的数据可以在路由间传递
该项目主体框架为native完成,各种详情页以及跳转页为h5部分