akshch / namaste-react

#NAMASTE REACT

#Parcel

• Dev Build
• Local server
• HMR = Hot Module Replacement
• File Watching Algorithm - written in C++
• Caching - Faster Builds
• Image Optimization
• Minification
• Bundling
• Compress
• Consistent Hashing
• Code Splitting
• Differential Bundling - support older browsers
• Diagnostics
• Error Handling
• HTTPs
• Tree Shaking - remove unused code
• Different dev and prod bundlers

Namaste Food

/**

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

•  - Image
  

•  - Name
  

•  - cuisine
  

•  - Ratings
  

• Footer
• • Copyright
• • Links
• • Address
• • Contact
• */

Two types of Export/Imoport

• 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 type of Routing in wab apps.

• Client Side Routing
• Server Side Routing

Resux Tookit

• Install @reductjs/toolkit and react-redux
• Build our store
• Connect our store to our app
• Slice (cartslice)
• dispatch(action)
• Selector