class: center, middle # you don't know  --- class: center, middle ## http://bit.ly/node-live ### (gh-pages: ashleygwilliams/node-live) --- class: center, middle, nodetogether  --- class: center, middle, nodetogether # NodeTogether <pre>require('all');</pre> --- class: center, middle, nodetogether ### tech has a diversity problem --- class: center, middle, nodetogether ### Node has a diversity problem --- class: center, middle, nodetogether ### another Node is possible --- class: center, middle, nodetogether  --- class: center, middle, nodetogether  --- class: center, middle, nodetogether  --- class: center, middle, nodetogether  --- class: center, middle, nodetogether ### we need your help --- class: center, middle, nodetogether # NodeTogether ## http://www.nodetogether.org ## @node_together --- class: center, middle # you don't know  --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4 # everyday around 1,800,000 install events occur. --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4 # each install is around 70 packages. --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4 # 1,800,000 * 70 --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4 # .real-big[126,000,000] --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4 # that's a lot of packages --- class: center, middle # hi my name is @ag_dubs    --- class: center, middle     --- class: center, middle # developer community and content manager --- class: center, middle # ?????lolwat  --- class: center, middle # if you don't understand how npm works    --- class: center, middle # that's my problem  --- class: center, middle # my job is to make *sense*  --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4  --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4 # more than 1.2 billion downloads over a week --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4  --- class: center, middle, stats background-image: url(public/img/pbn_ducks.jpg) background-color: #FFE4C4  --- class: center, middle, stats background-image: url(public/img/pbn_ocean.jpg) background-color: #FFE4C4  .citation[source: http://modulecounts.com, accessed: 14 apr 2016] --- class: center, middle, stats background-image: url(public/img/pbn_ocean.jpg) background-color: #FFE4C4 # npm is the LARGEST PACKAGE MANAGER IN THE WORLD. --- class: center, middle ## stuff everybody knows # `npm install` --- class: center, middle ## stuff not everyone knows  --- class: top, left ## create a package.json # `npm init` - ### knows your deps from node_modules - ### knows your repository from git repo - ### always adds keys, never deletes  --- class: top, left ## create a package.json with defaults # `npm init --yes`  --- class: top, left ## customize npm init questions # `~/.npm-init.js` ### enforce license and best practices    --- class: top, left ## add deps from the CLI # `npm i --save` # `npm i --save-dev`    --- class: top, left ## add deps from the CLI # `npm i -S` # `npm i -D`    --- class: center, middle ## just not connecting with npm3?  <div></div> --- class: middle, center ## how npm3 works  https://docs.npmjs.com/how-npm-works/npm3 --- class: middle, left ## show the dep tree # `npm ls`    --- class: middle, left ## show just primary deps # `npm ls --depth=0`    --- class: top, left ## npm... global cache? # `.npm/` ## modules are stored in the home directory ### ... but you can't use this offline because it still hits the network --- class: top, left ## npm install offline ### `npm install --cache-min 999999` ### we should probably just alias this to: ### `npm install --offline`    --- class: top, left ## npm install offline # `npm pack` ## `npm install my-pkg.tgz` ### create a tarball out of any package and then use install directly on the tarball    --- class: top, left ## pack your deps! # `bundledDependencies` ### pack doesn't add your pkg's deps BUT ### bundled deps are added to the tarball!    --- class: middle, left, dependencies - ## `dependencies`  - ## `devDependencies`  - ## `optionalDependencies`  - ## `peerDependencies`  --- class: top, left ## lock down your deps # `npm shrinkwrap`  --- class: top, left ## lock down your deps # `npm shrinkwrap` - ### deploy to production EXACTLY what you used in dev - ### locks every version of every package and all dependencies in node_modules    --- class: top, left ## update your shrinkwrap # `--save` and `--save-dev` ### - don't need to shrinkwrap everytime ### - new with npm3!    --- class: center, middle # why not a default feature? --- class: middle, center # we believe in semver  --- class: top, left ## semver made easy # `npm version <type>` ### `types: major, minor, patch` - ### major: breaking changes - ### minor: feature add - ### patch: bug fix, docs --- class: top, left ## automate all the things # `npm run $anything` ### - `test`, `start` ### - customize!    --- class: middle, center # lifecycle events ## automation that is context aware    --- class: middle, center # run scripts are composable!    --- class: middle, center # get stuff for free ### `devDependencies` are in path ### `config` and `package.json` as variables    --- class: middle, center # scoped packages ## (fancy way of saying namespaced packages!) --- class: top, left ## scoped packages # `npm i @scope/name`  -- ### scoped packages are private by default but you can make them public: ### `npm publish --access=public` --- class: middle, center # npm private modules  -- ### (it's recursive! get it? get it?) -- npmnpmnpmnpmnpmnpmlolololololol --- class: top, left ## private modules ## `npm init --scope=<usrname>` ### Use your private modules side by side with modules from the public registry  --- class: middle, center # managing access is hard...  --- class: top, left ## npm organizations # `npm team` - ### create teams and add members - ### grant and revoke access to packages via scopes  --- class: top, left # npm on-site ## run your own on-premises npm registry ### `npm login` ### ` --registry=http://reg.amazing.com`   --- class: middle, center  --- class: middle, center ## you want more  --- class: middle, center ## the npm CLI and Registry are for and by the community    --- class: middle, center ## https://github.com/npm/registry/  --- class: middle, center # write a registry follower  https://github.com/npm/registry/blob/master/docs/follower.md --- class: middle, center # https://replicate.npmjs.com --- class: middle, center  --- class: middle, center  --- class: middle, center # .real-big[npm <img src="public/img/sparkle-heart.png" id="heart" />s you] --- class: center, middle # thanks! ## `me => @ag_dubs` ## bit.ly/node-live