-DEV Build -Local Server -caching - Faster Builds -Image Optimization -Minification -Bundling -Compress -Error Handling
-Default Export/Import
export default Component;
import Component from "path";
-Named Export/Import
export const Component;
import {Component} from "path";
(Normal JS utility functions) -useStates() -superpowerful state variable in react -useEffect()
-header --includes images and other page headings -body cards --different cards and details -login/logout --while clicking its changes its state -shimmer ui --dummy data given before actual data displays -top restaurants --filtering based on rating -search --finding the restaurants by search -routing --routing into different pages -detailed card info --while clicking the card it shows the details of restaurants -tailwind css --design of our page -offline/online --it shows the internet connection activity -error page --this page loads when error occurs -js file into different bundles --different bundles are loaded only when needed -class components --different features of class components -creating hooks --create our own hooks
-Install @reduxjs/toolkit and react-redux -Build our store -Connect our store to our app -Slice (cartSlicd) -dispatch an action -selector
-unit Testing -Integration Testing -End to End Testing - e2e testing
-Install React Testing Library -Installed jest -Installed Babel dependencies -configure Babel -configure parcel config file to disable default babel transpilation - parcel website ,babel -jest configuration - npx jest --init -Install jsdom Library - jest28 -Install @babel/preset-react - to make jsx work in test cases -include @babel/preset -react inside my babel config -Install @testing-library/jest-dom