Wombat-Driven Understanding: An Interactive Guide To Using npm

Live demo given at JSConf.asia, 26 Nov 2016

Transcript

1. wombat-driven understanding
   an interactive guide
   to using npm
   brought to you by @rockbot
   

   View Slide

2. @rockbot #jsconfasia
   npm is a
   package manager
   for JavaScript
   

   View Slide

3. @rockbot #jsconfasia
   npm is a
   package manager
   

   View Slide

4. @rockbot #jsconfasia
   our #1 priority is to
   reduce friction
   

   View Slide

5. @rockbot #jsconfasia
   now let’s build an app
   

   View Slide

6. @rockbot #jsconfasia
   goal:
   random wombat fact
   generator
   

   View Slide

7. @rockbot #jsconfasia
   

   View Slide

8. @rockbot #jsconfasia
   npm
   

   View Slide

9. @rockbot #jsconfasia
   npm
   

   View Slide

10. @rockbot #jsconfasia
    npm
    

    View Slide

11. @rockbot #jsconfasia
    1install node.js
    https://nodejs.org
    

    View Slide

12. @rockbot #jsconfasia
    2
    update npm
    npm i npm@latest -g
    

    View Slide

13. @rockbot #jsconfasia
    3
    let’s do it live
    

    View Slide

14. @rockbot #jsconfasia
    show notes at
    http://bit.ly/wdu-jsconf-asia
    

    View Slide

15. @rockbot #jsconfasia
    semver
    1.0.0
    major
    breaking changes
    minor
    new features
    patch
    bug fixes
    

    View Slide

16. @rockbot #jsconfasia
    but wait, there’s more!
    

    View Slide

17. @rockbot #jsconfasia
    dist-tags
    npm deprecate
    npm outdated
    bundledDependencies
    npm shrinkwrap
    npm update
    npm pack
    config options
    

    View Slide

18. @rockbot #jsconfasia
    https://docs.npmjs.com
    

    View Slide

19. @rockbot #jsconfasia
    need help?
    

    View Slide

20. @rockbot #jsconfasia
    https://www.npmjs.com/support
    

    View Slide

21. @rockbot #jsconfasia
    npm
    loves you
    

    View Slide

22. Raquel Vélez
    @rockbot
    http://rckbt.me
    raquel@ js.com
    

    View Slide