1.1-O-que-são-dependências.md

O que são dependências

Dependências são todos os pacotes que seu projeto necessita ter instalado para que possa ser executado de maneira correta. Em outras palavras, todos os módulos (pacotes) de terceiros que utilizamos em nosso projeto, se tornam dependências, já que sem eles, a corretude e funcionamento da nossa aplicação estaria comprometida.

Por padrão o react já vem com várias dependências se iniciarmos o projeto com create-react-app, com por exemplo o Webpack. Mas sempre podemos adicionar outras dependências.

Como instalamos dependências

Isso vai depender de qual gerenciador de pacotes você está utilizando (npm, yarn ou outros). No NPM ou Yarn pode utilizar:

npm install react-router-dom

--ou--

yarn add react-router-dom

O método acima instala esses pacontes como dependências de produção, mas nem sempre precisamos de pacotes na produção e sim apenas no espaço de desenvolvimento, como por exemplo o prettier que não é utilizado em produção e sim apenas no ambiente de desenvolvimento para formatar os códigos. Para definir um pacote como apenas dependência de desenvolvimento precisamos para uma flag na hora vamos instalar o pacote.

npm install prettier --save-dev

--ou--

yarn add prettier --dev

Como removemos dependências

As veze instalamos algumas depências e não vamos precisar ou fizemos a troca por outra solução equivalente, devemos limpar das dependências do nosso projeto esse pacote não utilizado para isso usamos

npm uninstall prettier --save-dev
npm uninstall react-router-dom 

--ou--

yarn remove prettier --save-dev
yarn remove react-router-dom 

---

Com esses comandos podemos instalar ou remover qualquer pacote que vamos adicionar ao projeto.

Vamos olhar agora um pouco do Webpack.

Made with 💜