全棧部落格項目（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技術棧的等等配置。