Namaste React 🚀

Parcel

• Dev Build
• Local Server
• HMR = Hot Module Replacement
• File Watching Algorithm - written in C++
• Faster builds through Caching
• Image Optimization
• Minification
• Bundling
• Compress
• Consistent Hashing*
• Code Splitting
• Differential Bundling - supports older browsers
• Diagnostic
• Error Handling
• HTTPs
• Tree Shaking aka remove unused code for you as well if it finds it
• Different dev and Prod builds

Why is your app fast? Ans) React + Parcel

Food Ordering App

/**

• Header
• • Logo
• • Nav Items (Home, About Us, Cart, etc.)
• Body
• • Search
• • RestaurantContainer

•  -RestaurantCard
  

•      - Img
  

•      - Name of Res, Star Rating, cuisine, delivery time
  

• Footer
• • Copyright
• • Links
• • Address
• • Content */

Two types of Export/Import

• Default Import/Export

export default Component; import Component from "path";

• Named Export/Import

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

React Hooks

Normal JS utility Functions

• useState() - Super powerful State Variables in React
• useEffect()