npm

npm é de onde vem código pronto que outras pessoas escreveram. Precisa de um seletor de data, de uma máscara de telefone, de uma biblioteca de gráficos? Alguém já fez e publicou.

npm install react
npm run dev
npm run build

package.json

É a ficha do projeto: nome, comandos disponíveis e a lista de tudo que ele usa. Abrir esse arquivo é a forma mais rápida de descobrir com o que um projeto foi feito.

{
  "scripts": {
    "dev": "next dev",
    "build": "next build"
  },
  "dependencies": {
    "next": "16.3.0",
    "react": "19.2.0"
  }
}

npm run dev roda o que está escrito em scripts.dev. É por isso que quase todo README começa com essas duas linhas.

node_modules

A pasta onde as dependências baixadas ficam. É enorme, não vai pro Git e pode ser apagada sem medo: npm install traz tudo de volta.

O paralelo com plugin do Figma

Mesma lógica e mesma armadilha. Instalar dependência resolve rápido e cobra depois, em tamanho, atualização e segurança. "Dá pra fazer sem biblioteca?" é uma pergunta boa em código pelo mesmo motivo que é boa no Figma.