$30 off During Our Annual Pro Sale. View Details »

Ender

fat
September 28, 2011

 Ender

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

fat

September 28, 2011
Tweet

More Decks by fat

Other Decks in Technology

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:
    ᵓᴷᵣ [email protected] - The official starter pack for Ender.
    | ᵓᴷᴷ [email protected] - bullet proof DOM ready method
    | ᵓᴷᴷ [email protected] - blazing fast CSS3 query selector engine
    | ᵓᴷᴷ [email protected] - Library agnostic, extensible DOM utility
    | ᵋᴷᴷ [email protected] - an events api for javascript
    ᵋᴷᵣ [email protected] - Give your JS App some Backbone....
    ᵋᴷᴷ [email protected] - 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