React+ Redux + React-route + Axios 實戰,很適合進階

phpmatt 發布于2019-08-23 14:57 / 1791人閱讀

摘要：前言前段時間學習完了的基礎自己網上找了一些實戰項目做了幾個感覺項目不是很全面就想做一個完整的項目來提升自己的水平以前學習的時候就看過大神的項目所以自己打算用重寫它后端數據還是用實在沒有精力擼后端感謝大神該項目是餓了么目前開發了登錄注冊購

前言

前段時間學習完了React的基礎,自己網上找了一些實戰項目,做了幾個感覺項目不是很全面,就想做一個完整的項目來提升自己的React水平.以前學習Vue的時候,就看過bailicangdu大神的vue2-elm項目,所以自己打算用react重寫它,后端數據還是用vue2-elm,實在沒有精力擼后端(感謝bailicangdu大神).
該項目是餓了么, 目前開發了登錄、注冊、購物車、商品展示、用戶信息等,算一個比較完整的項目,這個項目比較復雜,這也是我選這個項目的原因.

技術棧

react4 + react-redux + react-router + es6 + axios + sass + webpack

項目效果

說明

覺得對你有幫助,請到github的Star支持一下,感謝
bailicangdu大神的項目地址點這里

演示

demo

請用Chrome調試的手機模式查看

項目結構

├── build   
│?? ├── favicon.ico  
│?? └── manifest.json 
├── config            ------------------webpack配置
│?? ├── env.js       
│?? ├── jest          
│?? │?? ├── cssTransform.js
│?? │?? └── fileTransform.js
│?? ├── paths.js
│?? ├── webpack.config.dev.js
│?? ├── webpack.config.prod.js
│?? └── webpackDevServer.config.js
├── package-lock.json
├── package.json    --------------------項目package.json
├── public          --------------------出口
│?? ├── favicon.ico
│?? ├── index.html
│?? └── manifest.json
├── scripts        ---------------------運行的腳本
│?? ├── build.js
│?? ├── start.js
│?? └── test.js
├── src           ----------------------源碼目錄
│?? ├── api       ----------------------API目錄
│?? │?? ├── api.js
│?? │?? └── server.js
│?? ├── assets   -----------------------資源目錄
│?? │?? └── iconfont -------------------iconfont目錄
│?? ├── components   -------------------公共組件
│?? │?? ├── alert_tip  -----------------提示組件
│?? │?? ├── footer   -------------------導航欄組件
│?? │?? ├── header  --------------------header組件
│?? │?? ├── loader  --------------------加載組件
│?? │?? └── shop_list ------------------商店列表組件
│?? ├── config    ----------------------項目一些配置
│?? │?? ├── envconfig.js  --------------配置信息
│?? │?? └── rem.js  --------------------自適應
│?? ├── index.js    --------------------入口
│?? ├── pages       --------------------頁面目錄
│?? │?? ├── food    --------------------食物頁面
│?? │?? ├── info   ---------------------個人信息頁面
│?? │?? ├── login  ---------------------登錄頁面
│?? │?? ├── msite  ---------------------商店頁面
│?? │?? ├── profile --------------------主頁頁面
│?? │?? ├── set_user -------------------用戶信息設置頁面
│?? │?? ├── shop   ---------------------商店詳情頁面
│?? │?? └── technology  ----------------技術棧頁面
│?? ├── router   -----------------------路由
│?? │?? └── index.js
│?? ├── serviceWorker.js  --------------熱加載
│?? ├── store   ------------------------react-redux狀態管理目錄
│?? │?? ├── store.js
│?? │?? └── user
│?? ├── style   ------------------------通用樣式目錄
│?? │?? ├── base.scss
│?? │?? ├── mixin.scss
│?? │?? └── swiper.min.css
│?? └── utils  ------------------------公用方法
│??     ├── asyncComponent.jsx  -------異步加載組件
│??     └── commons.js  ---------------公用方法
├── README.md      ----------------------README
└── tree.md  --------------------------項目結構

項目地址

項目源碼點這里
歡迎提Issue, 覺得不錯的話歡迎Star

GPU云服務器云服務器 react-redux React_Redux_Appointm react-router-redux 很適合

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101419.html

Router入門0x205: react-route + redux + react 集成

摘要：概述這一章終于大集成了集成源碼效果說明集成主要是用到庫集成源碼效果說明主要用到庫，是針對庫在環境下的封裝組件，注入等屬性接管跟組件指定路由和組件的對應關系集成源碼引入相關的包和鏈接組件效果說明主要用到庫都是用的接 0x000 概述這一章終于大集成了 0x001 集成react 源碼 import React from react import ReactDom from rea...

yiliang 2019-08-23 12:16 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

pumpkin9 2019-08-23 17:12 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

Carson 2019-07-31 10:21 評論0 收藏0
前端面試題總結（js、html、小程序、React、ES6、Vue、算法、全棧熱門視頻資源）

摘要：并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快速搭建項目。本文是關注微信小程序的開發和面試問題，由基礎到困難循序漸進，適合面試和開發小程序。并總結vue React html css js 經典面試題集各種算法和插件、前端視頻源碼資源于一身的文檔，優化項目，在瀏覽器端的層面上提升速度，幫助初中級前端工程師快...

muzhuyu 2019-07-01 12:43 評論0 收藏0