Namste Raect 🚀

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

...

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