Gerenciador de dependência com NPM

Apresentação base sobre o conceito de gerenciadores de dependência + usando gerenciador de dependencia para Javascript, o NPM.

Transcript

1. Gerenciador de dependência
2. QUEM SOMOS Oi, eu sou a @biancanalien ‍ ‍
3. O QUE É DEPENDÊNCIA?
4. Dependências são códigos desenvolvidos para resolver algum problema comum de outras pessoas desenvolvedoras, facilitar a nossa vida. Podem ser frameworks, bibliotecas, pacotes, plugins etc em qualquer linguagem!
5. Alguns exemplos são a biblioteca Math.h de funções matemáticas do C ou a própria biblioteca React, para desenvolvimento web. As dependências são essenciais quando pensamos em projetos grandes e complexos, ajudando a resolver alguns problemas: 1. Não precisar reinventar a roda 2. Códigos mais simples, menos complexos 3. Desenvolvimento mais rápido e focado 4. Reutilização de código
6. Cenário real Dependência A Seu projeto Dependência B Dependência C Dependência D
7. Nova atualização! Dependência A Seu projeto Dependência B Dependência C Dependência D
8. Blz, e o gerenciador de dependência? Ferramenta que ajuda a instalar, atualizar e remover bibliotecas de forma simples & automatizada
9. Com o gerenciador de dependência conseguimos então resolver vários outros problemas: 1. Não precisar reinventar a roda 2. Códigos mais simples, menos complexos 3. Desenvolvimento mais rápido e focado 4. Reutilização de código 5. Atualização das novas versões de dependências 6. Atualização e gerenciamento dependências das dependências 7. Ambiente de desenvolvimento facilmente replicável nas máquinas 8. Origem dessas dependências são seguras e confiáveis
10. Gerenciadores de dependências Java .Net Javascript Swift
11. Basicamente para usar um gerenciador de dependência você precisa instalá-lo, configurar variáveis se necessário e pronto!
12. Instalação do npm
13. Os gerenciadores de dependência utilizam arquivos de configuração para cada projeto. Nesses arquivos são listadas as informações do projeto, versão atual e suas dependências utilizadas.
14. O NPM, que é o gerenciador javascript de pacotes, utiliza um arquivo de configuração chamado package.json Podemos criá-lo com um editor de texto ou por linha de comando
15. É um formato de arquivo amplamente utilizado por ser fácil de ser, manusear programaticamente, leve e rápido para ser trocado entre sistemas json____ { “titulo”: “JSON x XML”, “descricao”: “o duelo de dois modelos”, “ano”: 2012, “genero”: [“aventura”, “ação”, “ficção”] }
16. npm init Criando o arquivo de configuração package.json por linha de comando
17. Quando executado o comando npm init, o package.json é criado e algumas informações do projeto são pedidas: • name é o nome do projeto • version é a versão inicial do projeto • description breve resumo sobre o que é o projeto • dependencies lista de dependência que o projeto utiliza • author quem criou o projeto • license informa as outras pessoas o que podem fazer com o seu código * Quando você não colocar nada, o valor default será adicionado nos campos!
18. npm install --save package Instalando uma dependência no seu projeto e salvando-a
19. O diretório /node_modules criado no projeto é onde o npm salva as dependências que foram instaladas até então node_modules
20. Semântica da versão da dependência Entendendo o formato das versões, como atualizar e utilizar
21. Geralmente o formato das versões de uma dependência são composto por “MAJOR.MINOR.PATCH” • MAJOR é a versão com alterações incompatíveis com a versão anterior • MINOR é a versão com adição de novas funcionalidades de maneira compatível com a versão anterior • PATCH é a versão incrementada quando tiver correções de bugs
22. Isso significa que PATCHes são correções de bugs e MINORs adicionam novos recursos, mas nenhum deles quebra o que funcionava antes. Já os MAJORs adicionam alterações que não funcionam com versões anteriores.
23. "package": "~MAJOR.MINOR.PATCH" ~ adicionado na versão do package fixa o MAJOR.MINOR da dependência e busca atualizações somente para os PATCHes Ou seja, não quebra o projeto por incompatibilidade de versão anterior mas também não perde as correções de bugs
24. "package": "^MAJOR.MINOR.PATCH" ^ permite a atualização do MINOR.PATCH da dependência, fixando sempre a versão do MAJOR. Ou seja, não quebra o projeto por incompatibilidade de versão anterior mas também não perde as novas features e as correções de bugs
25. É um campo do package.json que permite configurar dependências que utilizamos só no ambiente de desenvolvimento devDependencies____ "devDependencies": { "eslint": "^6.4.0", "mocha": "^6.2.0", }
26. npm install --save-dev package Instalando dependências só para ambiente de desenvolvimento
27. npm uninstall package Desinstalando uma dependências do projeto
28. npm update package Atualizando uma dependências do projeto
29. E QUANDO O PROJETO JÁ EXISTE?
30. PERGUNTAS?