A React based burger-builder app based on the Udemy course!!
Steps:
- To give global permission to create react app command:
sudo create-react-app -g - create-react-app --scripts-version 1.1.5 : To create the react app
- To create css modules for the components:
npm run eject - Add these properties in webpack config for dev and production for dynamic creation of class names under options property:
modules : true
localIdentName: [name]__[local]__[hash:base64:5] - To use propTypes we need to install the proptypes package using below command:
npm install prop-types - Use Aux for MAC and Auxiliary for windows.
- If you are using {} braces as function body while writing the component, then you must use return statement to return the JSX body, else use () only without the need of return statement.
- With media queries we can override the base css style for an element. In short to achieve responsiveness.
- Use axios NPM package to make HTTP calls:
npm install axios - For Routing use below npm package:
npm install react-router-dom - For Redux use:
npm install redux react-redux packages - To use redux thunk as a middleware for dispatching action creators to use async code:
npm install redux-thunk - This application uses firebase for authentication and for as a storage medium without which this app will break.
- For writing test cases install the below npm packages, the test file should have .test.js extension:
npm install enzyme react-test-renderer enzyme-adapter-react-16