Namaste React 🚀

Parcel

• Dev Build
• Local Server
• HMR = Hot Module Replacement
• File Watching Algorithm - written in C++
• Caching - Faster Builds
• Image Optimization
• Minification
• 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

Namaste Food

/**

• Header
• • Logo
• • Nav Items
• Body
• • Search
• • RestaurantContainer
• • RestaurantCard

•  - Img
  

•  - Name of Res, Star Rating, cuisine, delery tie
  

• 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";

React Hooks

(Normal JS utility functions)

• useState() - Superpowerful State Variables in react
• useEffect()