Skip to content

Latest commit

 

History

History
93 lines (66 loc) · 1.49 KB

React Over View.MD

File metadata and controls

93 lines (66 loc) · 1.49 KB

Namste React 🚀

Parcel

  • Dev Build
  • Local Server
  • HMR - Hot Module Replacement
  • File watching algorithm => written in c++
  • Caching => Faster Builds
  • Image Optimization
  • Minification
  • Bundling
  • Compressing
  • Consistent Hashing
  • Code Splitting
  • Diffrencial Bundling - Support older browsers
  • Diagnostic
  • Error Handling
  • HTTPS
  • Tree Shaking => removed unused code
  • Diffrent dev and production bundles

Namste Food

/**

  • Header
    • logo
    • Nav items
  • body
    • search
    • Restaurant container
    • Restaurant card
  • -img

  • -Name of Res, Star rating, cuisine, delivery time etc
  • Footer
    • Copyright
    • links
    • address
    • contact

*/

Two types of Export/Import

  • Default Export/Import

export default component; import componenet from "path"

  • Named Export/Import

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

React Hooks

  • (Normal JS Function) - Created by Facebook Developer

Most Important Hooks

  • useState => It gives us Superpowerful varible in React
  • useEffect

Code Spilitting

⚡ Advantage of code splitting:-

(1) Improved Initial Load Time (2) Faster Time to Interactive (3) Better Performance on Low-End Devices (4) Optimized Bandwidth Usage (5) Efficient Use of Browser Cache (6) Enhanced User Experience

⚡ Disadvantage of code splitting:-

(1) Complexity (2) Increased Requests (3) Webpack and Tooling Overhead (4) Harder Debugging (5) Initial Load Time of Small Chunks (6) SEO Challenges