Introduction to Bower

A very quick and cheerful introduction to Bower for the local JS meetup group

Transcript

1. Bower Sane package management for the browser
2. What is Bower? • package manager for the web • targets front-end • unopionated • cli and programmatic interfaces • no shared dependencies • flat dependency tree
3. Why bother?
4. Old days (install libraries) • go to http://www.jquery.com • download latest version • copy lib folder • do the same for other libs
5. Old days (update lib) • go to http://jquery.com • check whether there is a newer version • download • move to correct folder and overwrite previous lib • if broken, find old version and use that
6. The bower way (install) • bower search query (if you don’t know what the package is called) • bower install jquery
7. The bower way (update) • bower update • if it breaks, bower install package#version
8. Getting started
9. npm install -g bower
10. starting a project • bower init • same as npm init • creates a bower.json file
11. finding & installing • bower search jquery • bower install jquery • bower install --save jquery • bower install --save-dev expect
12. installing an existing project • bower install
13. useful commands • bower uninstall package_name • bower list • bower search package_name • bower home package_name • bower prune • bower update
14. continued… • bower --help • bower command --help
15. develop with multiple packages
16. assume this • write project • write separate package (i.e. mini lib?) • use 2nd package as part of 1st • 2nd package changes
17. –you “F***! Do I really have to push a new version each time I do a change?!?!? I will go back to my monolith!”
18. Don’t despair! bower link to the rescue!
19. in package 2 • bower link
20. in 1st package • bower link package-2
21. Done! and no need to go back to the monolith :)
22. Configuration
23. .bowerrc • directory • cwd • custom registry • etc • (https://docs.google.com/document/d/ 1APq7oA9tNao1UYWyOm8dKqlRP2blVkROYLZ2fL IjtWc/edit#heading=h.4pzytc1f9j8k)
24. What else? • programmatic API • can be used by build tool etc?
25. Thanks! @gillesruppert