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

// React Element const TitleComponent = function () { return (

Namaste React Title Component using JSX

); };

// React Functional Component & Component Composition const HeadingComponent = () => { return (

{TitleComponent()}

Namaste React Functional Component and Composition

;

); };

Food Ordering App - Namste Food

• Header

  • Logo
  • Nav Items

• Body

• Search

• RestaurantContainer

• RestaurantCard

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

• Footer

• Copyright

• Links

• Address

• Contact