Scribd
Upload
55 views1 page

Chapter 02 - Assignment - Igniting Our App

This document outlines theory and project assignments related to setting up a React project using NPM, Parcel, and other tools. For the theory assignment, it lists questions about NPM, Parcel/Webpack and why they are used, the .parcel-cache folder, npx, dependencies vs devDependencies, tree shaking, hot module replacement, Parcel features, .gitignore, package.json vs package-lock.json, node_modules, dist folder, browserlists, and caret and tilda versions. For the project assignment, it provides instructions to initialize NPM, install React and ReactDOM, remove CDNs, install Parcel, start the app with Parcel, add scripts, .gitignore,

Uploaded by

ok
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
55 views1 page

Chapter 02 - Assignment - Igniting Our App

This document outlines theory and project assignments related to setting up a React project using NPM, Parcel, and other tools. For the theory assignment, it lists questions about NPM, Parcel/Webpack and why they are used, the .parcel-cache folder, npx, dependencies vs devDependencies, tree shaking, hot module replacement, Parcel features, .gitignore, package.json vs package-lock.json, node_modules, dist folder, browserlists, and caret and tilda versions. For the project assignment, it provides instructions to initialize NPM, install React and ReactDOM, remove CDNs, install Parcel, start the app with Parcel, add scripts, .gitignore,

Uploaded by

ok
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Chapter 02 - Assignment - Igniting our App

Please Note: Write the answers and code on your own while finishing your assignments. Try to
put down your thoughts into words by yourself in your own words. (This will help you develop
muscle memory and you will remember all the concepts properly) ✌
# 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 favourite 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 ~ - tilda
● Read about Script types in html (MDN Docs)

# Project Assignment:
- In your existing project
● - intialize `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: https://browserslist.dev/

You might also like