前後端俱全的 具有聊天功能的 react 專案

MasterShu發表於2018-01-23

專案地址: 傳送門4 可手動複製網址訪問: github.com/MasterShu/r…

這個作品是本人近期才完成的, 使用的是 react 16.2 配合這 react-router 4.2.2 使用, 狀態管理 redux 3.7socket.io 2.0.4, 以及 express 4.16.2 和 UI 元件 antd-Mobil 2.1.3 都是最新的生產.

具體功能

由於完成時間較短, 所以功能基本沒問題, 還是存在一些 bug 的, 所以正式環境慎用, 不過學習和新手參考還是很有價值的, 並且本專案 也是可以 服務端渲染, 來時實現首屏加速, 和 更好的 SEO 支援(其實這些本人並沒有深究過, 不過有這方功能便是好的)

即時通訊

利用 socket.io 和 socket.io-client 做為 websocket 的開發庫, 結合express 來實現即時聊天通訊, 並且內建了一些 emoji , 不過這個 PC瀏覽器支援不好, 用手機效果那是棒棒噠

登入/註冊

這個是基本功能, 肯定是有的

後端開發

利用 express + MongoDB 開發伺服器, 倒也是夠得

所以使用本專案還需要你安裝 MongoDB, 否則跑步起來^_^

服務端渲染

利用 babel-node 庫來支付 react 的服務端渲染, 更好的支援優化


相關文章