iamaman526 / learnreact

LearnREACT

Questions:

1. What is Emmet?
2. Difference between a Library and Framework?
3. What is CDN? Why do we use it?
4. Why is React known as React?
5. What is crossorigin in script tag?
6. Difference between React and ReactDOM?
7. Difference between react.development.js and react.production.js files via CDN?
8. What is async and defer?

understand the cdn

https://www.ibm.com/topics/content-delivery-networks

Parcel

Dev Build Local server HMR = hot module replacement File Watching Algorithm - Written in c++ Caching - faster builds. Image optimazation Minification of the File Bundling Compressing consistent hashing code splittling Differnetial Bundling - support older browsers Dignostics https://parceljs.org/docs/ Error handling https Tree shaking - remove unused code different dev and prod bundles

browserlist to support older version.

epidode three

jsx react element functional component component compostion react fragment

Namaste Food

/**

• Header

• -logo

• -nav bar

• body

  • -search
  • -restaurentContainer
  • -Restaurent Card
  • • image
  • • name of the restaurent
  • • name of the res, cuisine , star rating, divilery time

• footer -copyright -links -address -content */

Two types of Export and Import

• Default Export/Import

export default component; import compononet from "path";

-Named Export/Import

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

React Hooks

(Normal Javascript Function)