react+redux實現仿大衆點評webapp

項目簡介

此項目是學習react+redux過程當中跟着慕課網作的一個練手項目，模仿大衆點評作的一個webapp，項目不是很複雜，適合有必定react+redux基礎的同窗參考。
慕課網地址：https://coding.imooc.com/clas...

項目的前端界面使用react+less編寫，後端使用的express框架搭建，後臺返回的數據所有是模擬的數據，不涉及數據庫交互。

後續可能會再寫一篇文章（看心情），講解部分代碼，若是項目對你們學習react有一點幫助，麻煩在clone的同時順手給個☆star☆

項目源碼

githup項目源碼：https://github.com/wenyuntian...
使用git clone地址：git@github.com:wenyuntian/webapp.git

運行步驟

1.clone到本地後，在項目文件夾的根目錄和mock文件夾下面運行npm install命令安裝項目依賴
2.接着在根目錄和mock目錄下運行命令npm start啓動項目，在瀏覽器中訪問http://localhost:3000/查看項目運行效果

最終效果展現

涉及的知識點

前端：

1. react：使用的create-react-app構建工具快速搭建的前端框架（須要在package.json配置跨域代理）。
2. redux：使用redux管理react組件的狀態，實現各組件之間的通訊。
3. axios：使用axios對get、post方法進行了簡單的封裝，用於先後端數據交互。
4. localStorage：簡單的瞭解了一下localStorage，封裝了get和set方法，將城市選擇的城市信息存儲在localStorage中。
5. less：使用less編寫css樣式。（注意：在create-react-app中默認不使用less，須要自行安裝less-loader模塊，並在webpack進行配置）
6. 圖標：項目中使用到的全部圖標都是從icoMoon上下載的（學習過程當中發現的素材網站，很好用，推薦！）

後端：

1. 後端使用express快速搭建的一個後臺數據，爲了簡單沒有連接數據庫，全部的數據都是模擬的數據。