Namaste React 🚀

Parcel

Dev Build
Local server
HMR - Hot Module Replacement
File Watching Algoritm - written in C++
Caching - Faster Builds
Image Optimization
Minification
Bundling
Compress
Consitent Hashing
Code Splitting
Differential Bundling -support older browsers
Dignostic
Error Handling
HTTPs
Tree Shaking - remove unused code
Different dev and prod bundles
Infinit Scroll

...

React Hooks

(Normal JS utility Functions)

useState() - SuperPowerfull State Variable in React
useEffect()

Redux Toolkit

Install @reduxjs/toolkit and react-redux
Build our store
Connect our store to our app
Slice (cartSlice)
dispatch(action)
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
Installed jest
Installed Babel dependencies
Configure Babel
Configure Parcel Config file to disable default babel transpilation
Jest - npx jest --init
Install jsdom library
Install @babel/preset-react - to make JSX work in test cases
Include @babel/preset-react inside my babel config
npm i -D @testing-library/jest-dom