browserify all the things

All the Things

@bendrucker

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

About Me

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

Middle Tier

Top Tier

Middle Tier

Bottom Tier

Your ApplicationRoutes, UIs, business/presentation logic

???(Open Source This)

Middle Tier Examples

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

indicators)

For the (JS) times they are a-changin

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

• 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

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

135,000 packages and growing

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/

“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/

Open Source Users are Customers!

• Intelligent 100% test coverage • High quality documentation • Fast issue response times • Be willing to say no (and explain)!

Quality over Quantity

Build Good Habits