7Masters JavaScript | com Lucas Mazza

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