Namaste React

Parcel

• Dev Build
• Local Server
• HMR - Hot Module Replacement
• File Wathcing Algorithm - written in C++
• Caching - Faster Builds
• Image optimization
• Minification
• Bundling
• Compress
• Consistent Hashing
• Code Splitting
• Differential Bundling - support older browsers
• Diagnostic
• Error handling
• HTTPs
• Tree Shaking - remove unused code
• Different Dev and Prod bundles

Namaste Biriyani

React Hooks

• Normal JS Utility Functions
• useState() - super powerful state variables in react
• useEffect()

Routing in web apps

• Client Side Routing
• Server Side Routing

Redux

• Install @reduxjs/toolkit and react-redux
• Build our Store
• connect our store to our app
• slice (cartSlice)
• dispatch (action)
• selector