前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >全栈博客项目(1)-- 整体项目结构搭建

全栈博客项目(1)-- 整体项目结构搭建

作者头像
Nealyang
发布2019-09-29 15:18:42
7960
发布2019-09-29 15:18:42
举报
文章被收录于专栏:全栈前端精选

项目地址: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技术栈的等等配置。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-09-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 全栈前端精选 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目目录
  • state设计
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档