❤️ 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