第一个React项目！

作为一个前端小白，花了四个月的时间学习了HTML、CSS、JavaScript、React
算是勉强入门了吧，今天终于完成了第一个完整的项目，一个简单的移动端聊天APP，记录一下，fighting！会总结一下学习到的东西和途中踩过的坑，每天更新一些吧。

准备

1、安装node环境。

2、安装MongoDB，同时启动了对应的服务。

项目描述

该项目前后台分离，包括前台应用和后端应用。

主要模块有用户登录/注册、用户列表、实时聊天、消息列表等模块。

前端主要使用react全家桶+ES6+Webpack等技术，后端主要使用Node+MongoDB+socketIO等技术

整个项目采用模块化组件化模式开发

技术选型

前台数据展示、交互：react、react-router-dom、redux、antd-mobile

后台项目：node、express、mongodb、mongoose、socket.io

前后台交互：ajax请求： axios async/await api测试：postman

模块化：es6、babel

项目构建/工程化:webpack、react-create-app、eslint

其他库：blueimp-md5、js-cookie、rc-queue-anim

前端路由

路由主要分为注册、登录、主界面,其中主界面中又包含多个子路由：用户列表、消息列表、个人中心、信息完善

登录界面（头像都是用的我和女朋友的情头哈哈莫怪）

注册界面

用户列表

消息列表

聊天界面

个人中心