Namaste React

Parcel

• Dev Build
• Local Server
• HMR = Hot Module Replacement (automatic refresh the page after doing some code change)
• 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
• Diferent dev and prod bundles Read more from Parcel documentation - https://parceljs.org/

2 types of Routing in web app

• Client Side Routing
• Server Side Routing

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

Settings for Testing our app

• Install React Testing Library
• Install JEST
• Install Babel dependencies
• Configure Babel
• Configure Parcel Config file to disable default babel transpilation
• Jest configuration (npx jest --init)
• Install jsdom library
• install @babel/preset-react - to make JSX work in the test cases
• include @babel/preset-react inside my babel config
• install @testing-library/jest-dom