โค๏ธ Namaste React ๐ Namaste React Live Course from Zero to Hero ๐ by Akshay Saini Founder of NamasteDev.
- Dev Build
- Local server
- HMR - Hot Module Replacement
- File Watching Algorithm - written in C++
- Caching - Faster Builds
- Image optimization
- Minification of Files
- Bundling
- Compress
- Consistent Hashing
- Code Splitting
- Differential Bundling - support older browsers
- Diagnostic
- Error Handling
- HTTPS
- Tree Shaking - remove unused code
- Different dev and prod bundles
/** * Header - Logo - Nav Items * Body - Search - RestaurantContainer - Restaurant Card - Img - Name of the Res, Star Rating, cuisine, Delivery Time
* Footer
- Copyright
- Links
- Address
- Contact
**/
// Two types of Export/Import
- Default Export/Import
export default Component; import Component from "path";
- Named Export/Import
export const component; import {component} from "path";
(Normal JS utility functions)
- useState() - Super powerful State variable
// Whenever a sate variable updates React re-renders the Component
- useEffect()
- Client side Routing
- Server side Routing
- Install @reduxjs/Toolkit and react-redux
- Build our store
- Connect our store to our app
- Create a cart slice
- Dispatch an Action
- Read the data to the Selector
- Unit Testing
- Integration Testing
- E2E or End to End testing
- Install React Testing Library
- Installed Jest
- Install Babel Dependencies
- Configure Babel
- Configure Parcel Config file to disable default babel transpilation
- Jest Configuration -- npx jest --init
- Install JS Do library
- Install @babel/preset-react - to make JSX work in test cases
- Include @babel/preset-react inside babel config
- Install npm i -D @testing-library/jest-dom