React 🚀

Parcel

  • Dev Build
  • Local Server
  • HMR = Hot Module Replacement
  • File watching algorithm - written in C++
  • Caching - Faster Builds
  • Image Optimization
  • Minification
  • Bundling
  • Compress
  • Consitent Hashing
  • Code Splitting
  • Diagnostic
  • Error Handling
  • Differential Bundling - support older browsers
  • Tree shaking - remove unused code
  • HTTPs

React CreateElement and JSX

Screenshot 2024-01-09 at 6 48 05 PM

React Element and React Component

Screenshot 2024-01-09 at 7 28 43 PM

React Component composition

Screenshot 2024-01-09 at 11 57 11 PM

Use React element inside React functional component

Screenshot 2024-01-10 at 12 05 38 AM