資訊專欄INFORMATION COLUMN
摘要：前言前段時(shí)間學(xué)習(xí)完了的基礎(chǔ)自己網(wǎng)上找了一些實(shí)戰(zhàn)項(xiàng)目做了幾個(gè)感覺項(xiàng)目不是很全面就想做一個(gè)完整的項(xiàng)目來提升自己的水平以前學(xué)習(xí)的時(shí)候就看過大神的項(xiàng)目所以自己打算用重寫它后端數(shù)據(jù)還是用實(shí)在沒有精力擼后端感謝大神該項(xiàng)目是餓了么目前開發(fā)了登錄注冊(cè)購
前言
前段時(shí)間學(xué)習(xí)完了React的基礎(chǔ),自己網(wǎng)上找了一些實(shí)戰(zhàn)項(xiàng)目,做了幾個(gè)感覺項(xiàng)目不是很全面,就想做一個(gè)完整的項(xiàng)目來提升自己的React水平.以前學(xué)習(xí)Vue的時(shí)候,就看過bailicangdu大神的vue2-elm項(xiàng)目,所以自己打算用react重寫它,后端數(shù)據(jù)還是用vue2-elm,實(shí)在沒有精力擼后端(感謝bailicangdu大神).
該項(xiàng)目是餓了么, 目前開發(fā)了登錄、注冊(cè)、購物車、商品展示、用戶信息等,算一個(gè)比較完整的項(xiàng)目,這個(gè)項(xiàng)目比較復(fù)雜,這也是我選這個(gè)項(xiàng)目的原因.
react4 + react-redux + react-router + es6 + axios + sass + webpack
項(xiàng)目效果覺得對(duì)你有幫助,請(qǐng)到github的Star支持一下,感謝演示
bailicangdu大神的項(xiàng)目地址點(diǎn)這里
demo
請(qǐng)用Chrome調(diào)試的手機(jī)模式查看項(xiàng)目結(jié)構(gòu)
├── 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 --------------------項(xiàng)目package.json ├── public --------------------出口 │?? ├── favicon.ico │?? ├── index.html │?? └── manifest.json ├── scripts ---------------------運(yùn)行的腳本 │?? ├── build.js │?? ├── start.js │?? └── test.js ├── src ----------------------源碼目錄 │?? ├── api ----------------------API目錄 │?? │?? ├── api.js │?? │?? └── server.js │?? ├── assets -----------------------資源目錄 │?? │?? └── iconfont -------------------iconfont目錄 │?? ├── components -------------------公共組件 │?? │?? ├── alert_tip -----------------提示組件 │?? │?? ├── footer -------------------導(dǎo)航欄組件 │?? │?? ├── header --------------------header組件 │?? │?? ├── loader --------------------加載組件 │?? │?? └── shop_list ------------------商店列表組件 │?? ├── config ----------------------項(xiàng)目一些配置 │?? │?? ├── envconfig.js --------------配置信息 │?? │?? └── rem.js --------------------自適應(yīng) │?? ├── index.js --------------------入口 │?? ├── pages --------------------頁面目錄 │?? │?? ├── food --------------------食物頁面 │?? │?? ├── info ---------------------個(gè)人信息頁面 │?? │?? ├── login ---------------------登錄頁面 │?? │?? ├── msite ---------------------商店頁面 │?? │?? ├── profile --------------------主頁頁面 │?? │?? ├── set_user -------------------用戶信息設(shè)置頁面 │?? │?? ├── shop ---------------------商店詳情頁面 │?? │?? └── technology ----------------技術(shù)棧頁面 │?? ├── router -----------------------路由 │?? │?? └── index.js │?? ├── serviceWorker.js --------------熱加載 │?? ├── store ------------------------react-redux狀態(tài)管理目錄 │?? │?? ├── store.js │?? │?? └── user │?? ├── style ------------------------通用樣式目錄 │?? │?? ├── base.scss │?? │?? ├── mixin.scss │?? │?? └── swiper.min.css │?? └── utils ------------------------公用方法 │?? ├── asyncComponent.jsx -------異步加載組件 │?? └── commons.js ---------------公用方法 ├── README.md ----------------------README └── tree.md --------------------------項(xiàng)目結(jié)構(gòu)項(xiàng)目地址
項(xiàng)目源碼點(diǎn)這里
歡迎提Issue, 覺得不錯(cuò)的話歡迎Star
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/101419.html
摘要：概述這一章終于大集成了集成源碼效果說明集成主要是用到庫集成源碼效果說明主要用到庫，是針對(duì)庫在環(huán)境下的封裝組件，注入等屬性接管跟組件指定路由和組件的對(duì)應(yīng)關(guān)系集成源碼引入相關(guān)的包和鏈接組件效果說明主要用到庫都是用的接 0x000 概述 這一章終于大集成了 0x001 集成react 源碼 import React from react import ReactDom from rea...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
閱讀 3744·2021-11-11 11:00
閱讀 2213·2021-10-08 10:05
閱讀 2780·2021-10-08 10:04
閱讀 3239·2021-09-30 09:48
閱讀 3866·2021-09-27 14:10
閱讀 1740·2021-09-09 09:33
閱讀 2132·2019-08-30 15:55
閱讀 1630·2019-08-30 13:53
