Namaste React 🚀

parcel

• Dev Build
• Local server
• HMR = Hot Module Replacement
• File Wtching Alogrithm - written in C++
• caching - Faster Builds
• Image Optimization
• Minification
• Bundling
• Compress
• Consistent Hashing
• Code Splitting
• Diffrential Building - support older browsers
• Diagnostics
• Error Handling
• HTTPs
• Tree Shaking Algorithm - remove unused code
• Diffrent Dev and Production 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 type of Export/Import

-Default Export/Import

export default component; import component from "path";

-Name Export/Import

export const component; import {component} from "path";

React Hooks

(Normal JS utility functions)

• useState() - superpowerful state Variables in react
• useEffect()