全栈博客项目（1）– 整体项目结构搭建

• 2019 年 10 月 10 日
• 筆記

项目地址：https://github.com/Nealyang/React-Express-Blog-Demo

本想等项目做完再连载一波系列博客，随着开发的进行，也是的确遇到了不少坑，请教了不少人。遂想，何不一边记录踩坑，一边分享收获呢。分享当然是好的， 如果能做到集思广益，那岂不是更美。我们的口号是：坚决不会烂尾

本博客为连载代码博客同步更新博客，随着项目往后开发可能会遇到前面写的不合适的地方会再回头修改。如有不妥~欢迎兄弟们不啬赐教。谢谢！

项目目录

项目目录大致如下：

简单说下app里面react的项目结构。对于component，container这里不必多说了。saga用于对所有异步action的处理。 reducers里面存放了container对应所有的reducer、action、actionTypes。

比如：

对于这种写法，可以参照我上一篇大众点评demo关于react项目结构的说明。

state设计

曾经看过一篇文章，如何合理的设计state,看完以后的确受益匪浅。但是。。。。我擦，有必要这样子嘛~

所以，脑地瓜笨笨的我，这个demo，我还是打算粗略的设计下就好。

大致设计如下，然后目前(2017/09/28)已经完成部分 state 结构如下

这里兄弟们不要急，后面博客会写到如何构建的。

从这个state状态树中，我们也能够知道下一篇，我们要说的，前端react技术栈的等等配置。