#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 *Diagnostic *Error Handling *HTTPs *Tree Shaking - remove unused code *Different dev and prod bundles

#React Hooks (Normal JS utility functions)

useState() - Super powerful State Variables in react useEffect()

#2 types Routing in web apps Client Side Routing Server Side Routing

Redux Toolkit

- install @reduxjs/toolkit and react-redux
- Build our store
- connect our store of our app
- Slice (cartSlice) -- to add items to the cart
- Dispatch (action)
- selector

Last concept from react-series

• DATE ==> 2 / february/ 2024

Type of testing (developer)

• Unit Testing
• Integration Testing
• e2e (end to end testing)

installing react testing library

• npm install --save-dev @testing-library/react
• jest install npm i -d jest
• jet along with babel npm install --save-dev babel-jest @babel/core @babel/preset-env
• configure babel.js
• configure parcel config file to disable default babel transpilation (.parcelrc)
• jest configuration (npx jest --init)
• install JSDOM library (npm install --save-dev jest-environment-jsdom);