React入门级电商项目

黑色风格的头图,加上响应式的布局,挺适合做一个入门级的电商项目。用的是React + Create React App,脚手架帮你把 webpack、babel 这些琐碎事儿全包了,省心多了。

项目结构也挺清晰,启动开发服务器只要一行命令:npm start。写点组件、调个样式,保存一下浏览器就自动刷新,调试效率比较高。嗯,开发体验还不错。

想跑测试的话,用npm test就行,测试框架已经配好了,不用你折腾。打包生产版本用npm run build,结果是优化过的静态文件,体积小、速度快,拿去部署没问题。

如果你不满意默认配置,也可以npm run eject把配置全拉出来自己改——不过要慎用,一旦eject就回不去了,记得备份一下。

对 React 电商项目感兴趣的,可以看看这个电子商务 React 商店;刚起步的,推荐翻下电子商务入门;想看看更完整的项目结构,也可以研究下Shopix 平台,还挺有参考价值的。

如果你第一次用 React 写电商,拿这个项目练练手还挺合适的,目录结构不复杂,代码也容易上手。建议多动手改改组件,多看看控制台,能学到不少。

zip
first-ecom-react-project-master.zip 预估大小:51个文件
folder
first-ecom-react-project-master 文件夹
file
package.json 882B
file
.eslintcache 33KB
file
package-lock.json 675KB
folder
src 文件夹
folder
ajoutsouscategorie 文件夹
file
ajoutsouscategorie.css 103B
file
ajoutsouscategorie.js 2KB
file
App.css 564B
folder
admin 文件夹
file
admin.js 2KB
file
admin.css 195B
file
index.js 500B
folder
listeutilisateurs 文件夹
file
listeutilisateurs.js 343B
folder
listeutilisateurs.css 文件夹
folder
accueil 文件夹
folder
accueil.css 文件夹
file
accueil.js 292B
file
reportWebVitals.js 362B
folder
listesouscategories 文件夹
file
listesouscategories.js 353B
folder
listesouscategories.css 文件夹
folder
ajoutcategorie 文件夹
file
ajoutcategorie.css 103B
file
ajoutcategorie.js 1KB
folder
listecategories 文件夹
folder
listecategories.css 文件夹
file
listecategories.js 333B
folder
listecommandes 文件夹
folder
listecommandes.css 文件夹
file
listecommandes.js 328B
folder
footer 文件夹
file
footer.css 149B
file
footer.js 3KB
file
logo.svg 3KB
folder
ajoutarticle 文件夹
file
ajoutarticle.css 103B
file
ajoutarticle.js 3KB
file
App.test.js 246B
file
setupTests.js 241B
folder
main 文件夹
file
main.js 894B
folder
main.css 文件夹
file
App.js 421B
folder
moroccansnacks 文件夹
file
moroccansnacks.js 327B
folder
moroccansnacks.css 文件夹
folder
header 文件夹
file
header.css 640B
file
header.js 2KB
folder
listearticles 文件夹
file
listearticles.js 323B
folder
listearticles.css 文件夹
folder
blog 文件夹
folder
blog.css 文件夹
file
blog.js 278B
folder
howtocook 文件夹
file
howtocook.js 302B
folder
howtocook.css 文件夹
file
index.css 366B
file
.gitignore 310B
folder
public 文件夹
file
logo192.png 5KB
file
manifest.json 492B
file
robots.txt 67B
file
index.html 3KB
file
logo512.png 9KB
file
favicon.ico 4KB
file
README.md 3KB
zip 文件大小:212.95KB