create-react-app burger-builder --scripts-version 1.1.5
npm run eject
npm install --save prop-types
npm install --save axios
npm install --save react-router-dom
npm install --save redux react-redux
npm install --save redux-thunk
BB
├── App.js
|
├── assets
│ └── images
│ └── logo.png
|
├── components
| |
│ │── Burger
│ │ |
│ │ |── BuildControls
| | | |
| | │ |── BuildControl
│ │ | | └── BuildControl.js
| | | |
│ │ | └── BuildControls.js
| | |
│ │ |── BurgerIngredients
| | | └── BurgerIngredients.js
| | |
│ │ |── OrderSummary
| | | └── OrderSummary.js
| | |
| | └── Burger.js
│ │
│ │── Logo
| | └── Logo.js
| |
│ │── Navigation
| | |
│ | |── NavigationItems
| | | |
│ | | |── NavigationItem
│ | | | └─ NavigationItem.js
│ | | |
│ | | └── NavigationItems.js
| | |
│ | |── SideDrawer
| | | |
│ | | |── DrawerToggle
│ | | | └─ DrawerToggle.js
│ | | └── SideDrawer.js
│ | |
| | └── Toolbar
| | └── Toolbar.js
│ │
│ │── Order
| | |
│ | |── CheckoutSummary
│ | | └─ CheckoutSummary.js
| | └── Order.js
| |
│ └── UI
| |
│ |── BackDrop
│ | └─ BackDrop.js
│ |── Button
│ | └─ Button.js
│ |── Input
│ | └─ Input.js
│ |── Modal
│ | └─ Modal.js
| └── Spinner
| └─ Spinner.js
│
├── containers
| |
| |── Auth
| | |
| | |── Logout
| | | └─ Logout.js
| | └─ Auth.js
| |
| |── BurgerBuilder
| | └─ BurgerBuilder.js
| |
| |── Checkout
| | |
| | |── ContactData
| | | └─ ContactData.js
| | |
| | └─ Checkout.js
| |
| └─ Orders
| └─ Orders.js
|
├── hoc
| |
| |── asyncComponent
| | └─ asyncComponent.js
| |
| |── Layout
| | └─ Layout.js
| |
| |── ReactAux
| | └─ ReactAux.js
| |
| └─ WithErrorHandler
| └─ WithErrorHandler.js
|
├── shared
| └─ utility.js
|
├── store
| |
| |── actions
| | |─ actionTypes.js
| | |─ auth.js
| | |─ burgerBuilder.js
| | |─ index.js
| | └─ order.js
| |
| └── reducer
| |─ auth.js
| |─ burgerBuilder.js
| └─ order.js
|
├── axios-orders.js
|
└── index.js