• Dev Build.
• Local Server
• HMR = Hot Module Replacement
• File Watching Algorithm - Written in C++
• Caching - Faster Builds.
• Image optimization
• Minification
• Tree shaking - Remove unused code
• Compression
• Code splitting
• Content hashing
• Bundling
• Differential bundling - support older browser
• Diagnostics
• Error Handling
• HTTPs
• Different dev and prod bundles

/* My Food App structure will look like this,

1. Header
   • Logo
   • Nav Items
2. Body
   • Search Bar
   • RestaurentContainer
     • RestaurentCard
       • Image
       • Name of Res., Star Rating, Cuisines(like res. food in pizza, dabeli, bhel ....) , Delivery Time
3. Footer
   • Copyright
   • Links
   • Address
   • Contact

• export default Component;
• import Component from "path";

• export const Component;
• import {Component} from "path";

• useState - Superpowerful State Variable in React
• useEffect

• In React-Router (<Link to='/path'></Link>) We are not making any network called while we are moving to our page because all the Component are already to be loaded to in our app.

• Reload the Whole Page.
• (.html) file page click on the (<a href='/path'></a> Tag) that makes a network called and fetches data of (another.html) file page that render the UI and Refresh the whole page.