rahulcdev13 / namaste-react

Namaste React Course by Akshay Saini

Chapter 02 - Igniting our App

Theory Assignment:

• What is NPM?
• What is Parcel/Webpack? Why do we need it?
• What is .parcel-cache
• What is npx ?
• What is difference between dependencies vs devDependencies
• What is Tree Shaking?
• What is Hot Module Replacement?
• List down your favorite 5 superpowers of Parcel and describe any 3 of them in your own words.
• What is .gitignore? What should we add and not add into it?
• What is the difference between package.json and package-lock.json
• Why should I not modify package-lock.json?
• What is node_modules ? Is it a good idea to push that on git?
• What is the dist folder?
• What is browserlists
• Read about dif bundlers: vite, webpack, parcel
• Read about: ^ - caret and ~ - tilde
• Read about Script types in html (MDN Docs)

Project Assignment:

• In your existing project
  • initialize npm into your repo
  • install react and react-dom
  • remove CDN links of react
  • install parcel
  • ignite your app with parcel
  • add scripts for “start” and “build” with parcel commands
  • add .gitignore file
  • add browserlists
  • build a production version of your code using parcel build

References:

• Creating your own create-react-app
• Parcel Documentation
• Parcel on Production
• BrowsersList