- Parcel
- Dev Build
- Local Server
- HMR = Hot Module Replacement
- 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
- Different dev and prod bundles
-
Header
-
Logo
-
Nav Items
-
Body
-
Search
-
RestaurantContainer
-
RestaurantCard
- Img
- Name of Res, Star Rating, cuisine, delery tie
-
Footer
-
Copyright
-
Links
-
Address
-
Contact
-
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";
(Normal JS utility functions)
useState() - Superpowerful State Variables in react useEffect()
- Client Side Routing
- Server Side Routing
Constructor(with default data)
render(with default data)
DOM is updated
ComponentDidMount() is called (In which there is this.setState() is there which will trigger render(with updated values))
render(with update value[API DATA])
DOM is updated
ComponentDidUpdate() is called
When we will move to Other page like contact, cart etc. then componentWillUnmount() will be called
- For large Web Apps We make small bundles of our files, This thing have different name in market :- - Chunking - Code Splitting - Lazy Loading - Dynamic loading - On demand loading - Dynamic import
- Tailwind CSS
- Sass and SCSS
- Style Components
- Material UI
- Bootstrap
- Chakra UI
- Ant Design etc..