Namaste React 🚀

Parcel

• Dev Build
• Local Server
• HMP = Hot Module Replacement
• Uses a file watching algorithm - written in C++
• Caching - Faster Builds
• Image optimization
• Minification of our files in production builds
• Bundling
• Compressing files
• Consistent Hashing
• Code splitting
• Differential Bundling - support older browsers
• Diagonistic
• Error Handling
• HTTPs
• Tree Shaking - remove unused code for you.
• Different dev and production bundles

Namaste Food

/**

• Header
• • Logo
• • Nav Items
• Body
• • Search
• • ResturantContainer

•  - ResturantCard
  

•      -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 Component from "path";

• Named Export/Import

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

React Hooks

(Normal JS utility functions)

• useState() - Superpowerful State Variables in React.
• useEffect()

2 types of routing in web apps

• Client Side Routing - We already have the page in our local codebase. We just need to manipulate the components to render the new page.
• Server Side Routing - Fetching the page via an API call or network call and then rendering the page.

Redux Toolkit

• Install @reduxjs/toolkit and react-redux
• Build our store
• Connect our store to our app
• Slice (cartSlice)
• Dispatch an action
• Selector