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 files
• Consistant Hashing
• Code Spliting
• Differential Bundling - Support older browsers
• Diagnostics
• Error Handeling
• HTTPS
• Tree Shaking - remove unused code
• Different dev and prod bundles

Food Ordering App

/* Header -Logo -Nav items Body -Search -RestaurantsContainer -RestaurantsCard - img - name of res, star Rating, cuisine, delivery time Footer -Copyright -Links -Address -Contact */

Two Types of Export/Import

Default Export/Import

• export default component;
• import component form "path";

Named Export/Import

• export const component;
• import {component} form "path";

React Hooks

• Normal Js Utility function.

• useState() - superpowerful state variables in react

• useEffect()

• If no dependency array => useEffect is called every render.

• If dependency array is empty = [] => useEffect is called on initial render(just once).

• If dependency array is [btnName] => called every time btnName is updated.

2 Types of Routing in web apps

• Client Side Routing
• Server Side Routing