Day14 Sideproject(作品集) from 0 to 1 - 前端专案架构

在很多很多的前置作业後 今天终於要开始写code了

到此为止我们应该流程画有了 画面流程也有了
今天很多努力终於可以建立前端专案了

这边终於可以开始建立专案了
这边我们用最简单的

npx create-react-app my-app 

建好後要建立架构
才不会乱乱的全部都写在一起
之後要找档案也比较方便

大致上可以分4个 font不用看
api就是全部的api
conponent则是每个page的个别功能
page就是每个页面的layout
Redux则是一个状态管理的套件

关於档案架构其实也看了很多文章
因为刚开始真的很丑
每天看不顺眼就一直改
这是现在的虽然还有改进的地方 但至少比较找得到档案了XD

这边我们已功能页面来分资料夹
像是首页 user 页面
之後还有一个component的资料夹

每个page会用到的都放在这
page跟component的档名尽量相近点 才不会认不出来

然後redux也是跟page差不多
以上就是我参考个专案做出来的
有更好的分类方式也欢迎留言让我知道
相信可以更好