Ender

This is a talk I (@fat) gave at the twitter frontend summit 9/27/11

Transcript

1. Ender
   pkg mgmt w/
   

   View Slide

2. Who?
   @FAT - github.com/fat
   @DED - github.com/ded
   

   View Slide

3. What?
   a package manager for the frontend
   

   View Slide

4. What?
   cli + optional client lib
   

   View Slide

5. What not?
   not just a JavaScript library
   

   View Slide

6. What not?
   not only for microlibs
   

   View Slide

7. What not?
   not just npm
   

   View Slide

8. How?
   uses the npm network
   $ ender build underscore
   

   View Slide

9. How?
   combines packages into single resource
   

   View Slide

10. How?
    a familiar api
    var _ = require('underscore')
    $.extend({}, { ... })
    

    View Slide

11. 5 things
    module.exports
    

    View Slide

12. !function () {
    var module = { exports: {} }, exports = module.exports
    !function () {
    // your package here...
    module.exports = 'draw me like one of your french girls'
    }()
    provide('snorlax', module.exports)
    }()
    

    View Slide

13. 5 things
    dependency management
    $ ender build backbone
    

    View Slide

14. 5 things
    ender info
    $ ender build jeesh backbone
    $ ender info
    

    View Slide

15. Welcome to ENDER - The no-library library
    -----------------------------------------
    Your current build type is "build"
    Your current library size is 31.6 kb
    Active packages:
    ᵓᴷᵣ jeesh@0.0.6 - The official starter pack for Ender.
    | ᵓᴷᴷ domready@0.2.10 - bullet proof DOM ready method
    | ᵓᴷᴷ qwery@2.2.5 - blazing fast CSS3 query selector engine
    | ᵓᴷᴷ bonzo@0.7.0 - Library agnostic, extensible DOM utility
    | ᵋᴷᴷ bean@0.2.7 - an events api for javascript
    ᵋᴷᵣ backbone@0.5.3 - Give your JS App some Backbone....
    ᵋᴷᴷ underscore@1.1.7 - JavaScript's functional programming...
    

    View Slide

16. 5 things
    ender search
    $ ender search events
    

    View Slide

17. Ender tagged results:
    --------------------------
    + events.node - Node.JS events module (packaged for Node.JS and Ender.JS)
    by @coolaj86
    + bean - an events api for javascript
    by @ded & @fat
    NPM general results: (5 of 46)
    --------------------------
    + events - Node's event emitter for all engines.
    by @gozala
    

    View Slide

18. 5 things
    package.json
    

    View Slide

19. {
    "name": "jeesh",
    "description": "The official starter pack for Ender.",
    "version": "0.0.6",
    "authors": ["Dustin Diaz <@ded>", "Jacob Thornton <@fat>"],
    "keywords": ["ender", "jeesh"],
    "homepage": "https://github.com/ender-js/jeesh",
    "dependencies": {
    "domready": "*",
    "qwery": "*",
    "bonzo": "*",
    "bean": "*"
    }
    }
    

    View Slide

20. get involved
    ender.no.de
    github.com/ender-js
    

    View Slide