browserify all the things
TRANSCRIPT
![Page 2: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/2.jpg)
Developers Love Him!
He is 21Has 160 reposLocal developer exposes shocking web development secret. Learn the free trick to his stunning results.
LEARN THE TRUTH NOW
![Page 3: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/3.jpg)
About Me
• @bendrucker • Building Valet.io with Node + Angular • “Relentless” open source advocate • github.com/bendrucker
![Page 4: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/4.jpg)
Middle Tier
![Page 5: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/5.jpg)
Top Tier
Middle Tier
Bottom Tier
Your ApplicationRoutes, UIs, business/presentation logic
???(Open Source This)
![Page 6: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/6.jpg)
Middle Tier Examples
• ORMs • Payments libraries • Test utilities • UI elements (modals, loading
indicators)
![Page 7: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/7.jpg)
For the (JS) times they are a-changin
![Page 9: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/9.jpg)
Example: Payments• The Wrong Way: jquery.payment, angular-payments, etc.
• The Right Way:
• creditcards for high level parsing and validation
• creditcards-types for card type matching
• angular-credit-cards implements directives
• angular-stripe provides a simple Stripe.js wrapper
![Page 10: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/10.jpg)
• Traverse Node-style require calls to build a browser bundle
• Rich ecosystem of transforms • babelify (transpile ES6 / ESNext) • browserify-shim (fix badly behaved libraries)
• Specify build configuration in package.json
![Page 11: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/11.jpg)
Browserify + AngularFull support in 1.3.14+
var angular = require('angular')
module.exports = angular.module('myApp', [ require('angular-messages'), require('angular-animate'), require('./login'), require('./dashboard') ]) .name
![Page 12: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/12.jpg)
135,000 packages and growing
![Page 13: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/13.jpg)
Why Open Source• Make an initial investment in a core need
• Develop a best-in-class solution with the community
• Enjoy long-term cost reductions:
• Near-zero maintenance costs
• Huge boost to recruiting
• Open source is not charity work
http://hueniverse.com/2014/08/15/open-source-aint-charity/http://hueniverse.com/2015/03/17/on-leaving-walmart/
![Page 14: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/14.jpg)
“Every five startups using hapi translated to the value of one full time developer,
while every ten large companies translated to one full time senior developer.”
http://hueniverse.com/2014/08/15/open-source-aint-charity/
![Page 15: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/15.jpg)
Open Source Users are Customers!
• Intelligent 100% test coverage • High quality documentation • Fast issue response times • Be willing to say no (and explain)!
![Page 16: Browserify All the things](https://reader030.vdocuments.us/reader030/viewer/2022032422/55a940c81a28ab105d8b45e9/html5/thumbnails/16.jpg)
Quality over Quantity
Build Good Habits