React-从0到1搭建一个React项目（一）

利用工作之余的时间学习了react，今年一回来，部门要在公众号上面开发一个积分商城，于是准备让我用react开发。目前已迭代了3个版本，代码量7万行左右。在这里记录分享一下项目的架构。
由于整篇文章比较长，为方便阅读，拆成了几篇文章。本篇是第一篇，主要介绍项目的分层架构和准备工作。
相关文章： React-从0到1搭建一个React项目（二）
Demo地址：
github地址：https://github.com/miguoer/react-sample

架构介绍

项目整体架构分层如下图：

从上到下分为组件层、容器层、动作层和数据层。组件层全部都是无状态组件，包括每个页面抽象出的组件和公共的无状态组件。容器层负责业务逻辑的处理，网络请求以及和数据层的交互。动作层定义了容器层和数据层交互的方法。数据层利用redux完成组件的状态管理，包括保存、更新。

项目一开始使用的是react-create-app快速搭建脚手架。随着项目演进，出现了多页面（多个单独的html页面）需求。react-create-app目前还不支持多页面，因此当有多需求时，就需要自己控制webpack打包构建。

第三方组件库

介绍一些项目中能通用的第三方组件库。</