React全家桶+Egg 作一個協做聊天室~

前端主要爲：react+mobx+react-routerv4+socket.io+styled-components+flow 後端主要爲：egg+mongodb+redis

前端

其實也就是畢業設計，不過目前進展比較緩慢，只出了一個比較簡單的版本把基本功能和聊天的弄完了，比較但願是能把圖片協做和表格的給弄完。

TAT 仍是講一下收穫吧 ,不感興趣就能夠直接向下面看啦。

基本這個全家桶就是這幾個月用的技術棧了，經過了styled-components 擁抱了css in js，比較好的一點是代碼層級更加語義化了，不借助sass,less也能作到全局主題共享。在複用層面上感受須要一點功底，目前還沒能使用好，可是整體來說，基於styled-components 把樣式也做爲公有組件。

在總體項目構建的時候，直接把項目拆分，佈局，公有組件，公有組件細分，高度複用的相似輸入組件，圖片上傳組件，高階組件，這些都是能夠提取下來的。

在數據管理方面,使用了相對自由的mobx，結合mobx-react-form其實使用起來處理表單都比較舒服，可是是數據局部管理仍是經過stores全局管理，這一點上，依舊須要更多打磨。,可是實踐的時候有個小問題，react-hot-loaderV3 的時候局部變量熱更的時候有時候會直接break掉，而更新到v4的時候直接就蹦了。。 這個倒有點小尷尬。

在使用Mobx的時候深刻學習了一波，因而有了 mobx-react源碼閱讀

（做爲切入點趁機還給mobx-react 貢獻了一下代碼 不過好像挖了個坑 （逃

說一下flow，flow-type 和flow-runtime 是各類坑，我的感受實在不是太友好，慢慢摸索學習使用吧。

後端

講一下egg吧，開箱即用,自己基於koa2開發，共用koa的生態圈，自己社區也在不斷髮展。對新人仍是比較友好，由於有用過koa的經驗因此總體仍是比較快上手。。。雖然只是個練手項目~。

basic cover

• [x] controller
• [x] service
• [x] model
• [x] plugin
• [x] extend
• [x] logger
• [ ] validate params
• [ ] test

Advanced

• [x] middleware --check(not)Login and spa redirect
• [x] socket.io
• [x] custom plugin --egg-mongolass
• [x] deploy
• [ ] err-handler

preview

online

font

server

test account:123456789@qq.com | password:123123123

account:12345678@qq.com | password:123123123