package.json is the configuration fr npm.it keeps the track of what version of packages are instal in our system package-lock.json = keeps the exact version of the packages BUNDLER - whole code needs to be cleaned , bundled to gether hence bundller does that . it bundles your code example - vite ,parcel, webpack we use parcel

npx = executing the package

#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 -treeshaking -- remove unused code
• different

#Episode 3

attributes to jsx => use camel case use brackets = when you write jsx in multiple lines //ReactComponents ---- // |__ ClassBased Components = old // |__ Functional Components = new

{} = you can write any js code inside this curly braces

<title></title> === <title /> === title();