react 實戰

react-yqy

技術棧：

react + redux + webpack + react-router v4 + ES6/7/8 + immutable + antd-mobile

運行項目

git clone https://github.com/ZengTianShengZ/react-yqy.git

 cd react-yqy

 npm i
  
 npm start

 npm run build （發佈）

說明

本項目主要用於 react 的學習，但有意將它作成一款產品，算是技術的一種產出，也能在學習中有成就感。

這是一款什麼樣的產品呢，這是一款基於地理位置有社交屬性的產品，具備發動態，動態評論等功能，
圍繞用戶推送兩千米內的動態內容。產品的主旨是【方圓兩千米，分享身邊事】，區別於微信的朋友圈，
該產品用戶羣體定位在泛熟羣體，用戶能夠在生活區或工做區分享或瞭解身邊的人和事。固然若是你對產品
有更好的想法或想象，能夠敲起你的鍵盤，我們一塊兒來實現它吧。

目標功能

• [x] 手機號碼登陸功能

• [ ] 動態發佈功能

  • [x] 文字編輯
  • [x] 圖片選擇
  • [ ] 地理位置顯示和選擇
• [ ] 首頁列表基於用戶方圓兩千米動態篩選展現
• [x] 動態詳情頁

• [ ] 動態評論

  • [x] 評論
  • [x] 回覆評論
  • [ ] 刪除評論

• [ ] 用戶信息

  • [x] 用戶發佈的動態列表
  • [ ] 用戶評論過得動態列表
  • [ ] 用戶信息編輯

目錄結構

本項目構建工具採用的是 create-react-app

react-yqy
  |
  |-- src                      //源碼目錄
  |    |-- api                 // 數據接口
  |    |-- component           // 組件
  |    |-- pages               //頁面
         | -- home             //主頁
         | -- me               //用戶頁
         | -- detail           //動態詳情頁
         | -- pubilsh          //動態發佈頁
         | -- login            //登陸頁
  |    |-- router              //主路由
  |    |-- store               // 狀態管理
  |    |-- style               //全局樣式
  |    |-- utils               //工具方法
  |    |-- App.js              //父組件
  |    |-- index.js            //js 入口文件

項目地址：

https://github.com/ZengTianSh...

歡迎 star、 issues、 pr

項目部分頁面預覽

二維碼預覽：