Tools / Package Managers

Question 1

what is Prettier

Answer 1

Tool that autoformats your code for you

Question 2

explain npm i -D

Answer 2

same as:
~~~
npm install –save-dev

~~~

dev dependency means that application will work fine without it

Question 3

Prettier vs ESLint

Formatter vs Linter

Answer 3

Linters have two categories of rules:
1. Formatting rules: eg: max-len, no-mixed-spaces-and-tabs, etc…
2. Code-quality rules: eg no-unused-vars, no-extra-bind, no-implicit-globals

Prettier does not not help with Code-quality Rules. It only does formatting.

use Prettier for formatting and linters for catching bugs!

Question 4

what is npm

Answer 4

the package manager for Node.js.

npm allows you to bring in code from the npm registry which is a bunch of open source modules that people have written so you can use them in your project.

Question 5

What we want from a build tool

Answer 5

1. Organization - We can separate files out for code organization and have a tool stitch them together for us
2. Download Dependencies - We can include external, third-party libraries from npm (like React!)
3. Optimize Code - The tool will optimize the code for us by minifying and other optimizing techniques

Build tool examples: Vite, Parcel, Webpack

React community has currently selected Vite as tool of choice