Namaste React :rocket:

Parcel

Dev Build Local Server HMR= Hot Module Replacement File Watching Algorithm- written in c++ Caching-Faster Builds Image Optimisation Minification Bundling Compressing Consistent Hashing Code Splitting Differential Bundling- support older browsers Diagnostic Error handling HTTPs Tree Shaking-remove unused code Different Dev and Production Bundles

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

(They are Normal JS Utility Functions) UseState()-Super Powerful State Variables in React useEffect()-

#Redux Toolkit -Install Redux Toolkit @redux/toolkit and react-redux -Build our store -Connect our store to application -Slice (Cart Slices) -Dispatch an action to the store -Selector

Types of Testing(Developer)

-Unit Testing -Integration Testing -End to End Testing -e2e Testing

Setting up Testing in our App

-Install react testing library -Install jest -Installed babel dependencies -Configure Babel -Configure Parcel Config to disable default babel transpilation.

• Jest -npx jest --init

-Installed Jsdom Library. -Install @babel/preset-react -to make JSX Work in test cases -Include @babel/preset-react inside my babel config -Install npm i -D @testing-library/jest-dom