/namaste-react-practice

Primary LanguageJavaScript

Namaste React

Parcel

  • Dev Build
  • Local Server
  • HMR = Hot Module Replacement --> automatic reloding
  • File Watching Algo.. -- Written in C++
  • Caching -- Faster Builds
  • Image Optimization
  • Minification
  • Bundling
  • Compress
  • Consistent Hashing
  • Code Splitting
  • Differential Bundling -- support older browser
  • Diagnostic
  • Error Handling
  • HTTPs
  • Tree Shaking - remove unused code
  • Different dev and prod bundles

Food ordering App

  • /*
  • Header
    • Logo
    • NavItems
  • Body
    • Search
    • RestaurentContainer
    • RestaurentCard
  • - Img

  • - Restaurent name, cuisine, star rating, deliver time
  • Footer
    • Copyright
    • Links
    • Address
  • -Contact
  • */

Two type of import/export

  • default import/export

export dafault Component; import Component from "path";

  • named import/export

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

React Hooks

  • Normal JS Functions