Bower

Apresentação feita no encontro do 7Masters sobre JavaScript.

Transcript

1. Bower a package manager for the web
2. @lucasmazza
4. disclaimer esta não é uma introdução prática ao Bower
5. Nando Vieira @ Guru SP Slides @ fnando.me/np Post @ fnando.me/nq
6. "Bower is a package manager for the web. It offers a generic, unopinionated solution to the problem of front-end package management."
8. formato padrão para distribuição
9. versão (tag) URL de um repo commit diretório standalone
10. manifesto para definir dependências
11. module#518331e7d5 vendor/assets/components/module jquery-pjax#1.7.3 vendor/assets/components/jquery-pjax ᵋᴷᴷ jquery#2.0.3 momentjs#2.1.0 vendor/assets/components/momentjs jquery#2.0.3 vendor/assets/components/jquery
12. Distribuindo seu código em pacotes
13. Semantic Versioning http:/ /semver.org/
14. Defina os entrypoints Use o ‘main’ para definir os arquivos que o seu pacote expõe
15. Defina os entrypoints Disponibilizar versão precompiladas e minificadas não é nada mal :)
16. $ bower install jquery jquery-migrate.js jquery-migrate.min.js jquery.js jquery.min.js jquery.min.map
17. Não empacote tudo Remova arquivos desnecessários do seu pacote com a opção do ‘ignore’.
18. $ bower install bootstrap $ ls bower_components/bootstrap | wc -l 28 ಠ_ಠ
19. documentação travis.yml & amigos exemplos LESS, CoffeeScript, SCSS Gruntfile, Rakefile, Makefile ✗
20. JS/CSS imagens e fontes LICENSE README.md CHANGELOG.md ✓
21. Teste o seu pacote $ bower install ~/code/github/thing $ ls bower_components/thing
22. Use e abuse do Git stable branches para bugfixes version tags como referência
23. Utilizando Bower no seu projeto
24. Pacotes no seu VCS nem todos desenvolvedores (e servers) precisam ter Node.JS
25. Integre o Bower ao stack da sua equipe
26. Ruby / Rails Sprockets 2.10 +
27. AMD rpflorence/bower-import
28. Grunt stephenplusplus/grunt-bower-install
29. Usando outra coisa? Contribua com novas ferramentas
30. Obrigado! https:/ /twitter.com/lucasmazza https:/ /speakerdeck.com/lucas