实战react技术栈+express前端博客项目（一）——整体项目结构搭建项目地址：https:///github。com/Nealyang/R...本来想等项目完成了再连载一个系列的博客。在开发的过程中，确实遇到了很多坑，也请教了很多人。然后我想，为什么不在记录陷阱的同时分享收获。分享固然好，但如果能集思广益岂不更美。我们的口号是：坚决不做不完。本博客将为连载代码博客同步更新博客。以后随着项目的发展，可能会遇到之前写的不合适的地方，回去修改。如有不妥之处~欢迎兄弟们指教。谢谢！项目目录项目目录大致如下：.├──README.md//项目描述文件├──app//前端源代码文件夹│├──components//前端组件文件夹│├──configureStore.js//配置存储文件│├──containers//前端容器组件文件夹│├──fetch//封装get/post请求文件夹│├──index.js//APP输出文件│├──lib//第三方存储导入文件夹│├──reducers//reducer文件夹，包括actions，actionTypes│└──sagas//saga文件夹，异步action处理├──config│└──config.js//totalapplicationconfigurationfile├──db//存放数据库的文件夹├──modules//存放mongoose模型的文件夹│└──user.js//存放用户模型文件├──package.json├──postcss.config.js//postcss配置文件├──record//存放一些记录文件的文件夹├──schemas//mongooseschema文件夹│└──users.js├──server//服务器源文件夹│├──api//服务器端api接口文件夹│├──index.js//服务端启动文件│├──server.js//服务端文件│└──util.js//服务端工具文件├──static//静态资源托管文件夹│└──favicon.ico├──webpack.dev.js//开发环境的webpack配置文件└──webpack.prod.js//生产环境的webpack配置文件，简单说说react的工程结构在app中component和container这里就不用多说了。Saga用于处理所有异步操作。reducer存储所有reducer、action和actionType对应的容器。例如：constinitialState={};exportconstactionTypes={HOME_LOAD:'HOME_LOAD',};exportfunctionreducer(state=initialState,action){switch(action.type){default:returnstate;}}exportconstaction={getArticleList:function(){returnactionTypes.HOME_LOAD}};这种写法可以参考我上次在大众点评demo中关于react项目结构的评论。statedesign看过一篇关于如何合理设计state的文章，看完后真是受益匪浅。但。...不好意思，不得不这样~所以，我这个红薯脑袋的傻瓜，还是打算给这个demo做个粗略的设计。状态已经完成。部分状态结构如下。兄弟们别着急，后面博客会写如何搭建。从这个状态树，我们也可以知道接下来的文章，我们要讲的内容，前端react技术栈的配置等等。项目实现步骤系列博客实战React技术栈+快递前端博客项目（0）——预热一波实战React技术栈+快递前端博客项目（一）——整体项目结构搭建、状态状态树设计实战react技术栈+快递前后端博客项目（二）——前端react-xxx、路由配置实战react技术栈+快递前后端博客项目（3）——后端路由、代理、静态资源托管等配置说明实战react技术栈+快递前后端博客项目（4）——博客首页代码编写及redux-saga组织实战react技术栈+快递前后端博客项目（5）——登录功能前后端实现实战react技术栈+快递前后端博客项目（6）——使用session实现免登录+管理后台权限验证实战react技术栈+速递前后端博客项目（七）——前端管理界面用户查看功能+后端对应界面开发实战react技术栈+express前后端博客项目（8）——前端管理接口标签管理功能+后端对应接口开发实践react技术栈+express前后端博客项目（9）——前端管理接口标签管理功能+后端对应接口开发实践react技术栈+速递前后端博客项目（10）——前端管理接口发布文章功能实战react技术栈+express前后端博客项目（11）——增删改查后台界面对应文章部分实战react技术栈+express前后端博客项目（12）)--发帖部分的前端改进（增删改查、分页等）实用react技术栈+express前后端博客项目（14）--内容详情页和页数的展示读物实战react技术栈+express前后端博客项目（15）——给博客添加评论功能及后端对应实现实战react技术栈+express前后端博客项目(16)--pm2说明实战react技术栈+快递前后端博客项目(17)--收工交流欢迎提issue。或者加群联系我~扫码关注我的个人微信公众号，直接回复，必有回复。分享更多原创文章。点击交流学习加我微信和qq群。一起学习，一起进步欢迎兄弟们加入：Node.js技术交流群：209530601React技术栈：398240621前端技术聊：604953717(new)more
