Browserify All the things

16
All the Things @bendrucker

Transcript of Browserify All the things

Page 1: Browserify All the things

All the Things

@bendrucker

Page 2: Browserify All the things

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

About Me

• @bendrucker • Building Valet.io with Node + Angular • “Relentless” open source advocate • github.com/bendrucker

Page 4: Browserify All the things

Middle Tier

Page 5: Browserify All the things

Top Tier

Middle Tier

Bottom Tier

Your ApplicationRoutes, UIs, business/presentation logic

???(Open Source This)

Page 6: Browserify All the things

Middle Tier Examples

• ORMs • Payments libraries • Test utilities • UI elements (modals, loading

indicators)

Page 7: Browserify All the things

For the (JS) times they are a-changin

Page 9: Browserify All the things

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

• 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

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

135,000 packages and growing

Page 13: Browserify All the things

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

“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

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

Quality over Quantity

Build Good Habits