BurgerBuilder React应用示例项目

Max 的 BurgerBuilder 项目,是那种看一眼就想动手试试的 React 项目。结构清晰、命令齐全,对新手友好,对老司机也不浪费时间。

项目目录里常用的npm命令都安排好了。开发时直接npm start,自动打开浏览器,改点代码就能看到效果,响应也快。测试也有现成的,npm test就能跑,基本不用再配置。

打包构建用npm run build,出来的结果挺干净的,压缩做得好,文件名还带哈希,适合直接部署。如果你想完全掌控构建流程,npm run eject就能把所有配置摊开,不过要注意,一旦执行就不能回头了。

整个项目用的是 React 配 Webpack+Babel 的组合,挺经典的搭配,比较适合用来了解create-react-app项目的结构和工作原理。像构建流程、文件组织、组件划分这些,看一遍就能学到不少。

如果你正好在学 React,或者想搞清楚npm run系列命令背后的事儿,蛮推荐你撸一遍这个项目,边改边学效果更好。哦对了,如果你不想eject,可以看看not-eject 的配置方式,也挺实用的。

zip
BurgerBuilder-master.zip 预估大小:48个文件
folder
BurgerBuilder-master 文件夹
file
.gitignore 310B
file
README.md 3KB
folder
public 文件夹
file
manifest.json 492B
file
robots.txt 67B
file
logo192.png 5KB
file
logo512.png 9KB
file
index.html 658B
file
favicon.ico 3KB
file
package.json 771B
folder
src 文件夹
file
serviceWorker.js 5KB
folder
components 文件夹
folder
Logo 文件夹
file
Logo.css 157B
file
Logo.js 264B
folder
Navigation 文件夹
folder
SideDrawer 文件夹
file
SideDrawer.css 421B
file
SideDrawer.js 398B
folder
Toolbar 文件夹
file
Toolbar.js 382B
file
Toolbar.css 304B
folder
NavigationItems 文件夹
file
NavigationItems.css 134B
file
NavigationItems.js 417B
folder
NavigationItem 文件夹
file
NavigationItem.js 379B
file
NavigationItem.css 508B
folder
UI 文件夹
folder
Button 文件夹
file
Button.css 336B
file
Button.js 282B
folder
Modal 文件夹
file
Modal.css 373B
file
Modal.js 484B
folder
Backdrop 文件夹
file
Backdrop.js 202B
file
Backdrop.css 153B
folder
Layout 文件夹
file
Layout.css 33B
file
Layout.js 418B
folder
Burger 文件夹
file
Burger.css 515B
file
Burger.js 822B
folder
BuildControls 文件夹
folder
BuildControl 文件夹
file
BuildControl.js 376B
file
BuildControl.css 993B
file
BuildControls.js 924B
file
BuildControls.css 938B
folder
OrderSummary 文件夹
file
OrderSummary.js 904B
folder
BurgerIngredient 文件夹
file
BurgerIngredient.js 1KB
file
BurgerIngredient.css 2KB
folder
containers 文件夹
folder
BurgerBuilder 文件夹
file
BurgerBuilder.js 3KB
file
index.css 65B
file
App.test.js 280B
file
App.css 564B
file
index.js 503B
file
setupTests.js 255B
file
App.js 443B
folder
hoc 文件夹
file
Auxi.js 59B
folder
assets 文件夹
folder
images 文件夹
file
burger-logo.png 14KB
file
logo.svg 3KB
file
package-lock.json 559KB
...
zip 文件大小:204.77KB