Home

⛓ chain-able

interfaces that describe their intentions

🗣 expressive

traditional

class Traditional {
  constructor() {
    this.data = {}
  }
  build(index, name, object) {
    this.data.index = index
    this.data.name = name
    this.data.object = object
  }
}
const classico = new Traditional()
classico.build(1, 'string', {object: true})

fluent

class Chain extends Chainable {
  constructor(parent) {
    super(parent)
    this.extend(['index', 'name', 'object'])
  }
}
const chain = new Chainable()
  .index(1)
  .name('string')
  .object(true)

🏰 benefits

writing an api using chain-able means writing 1 fluent api, but getting 3 apis as a result!

• 🍉 persistable, rehydratable, & transferrable configurations
• ⛓ fluent/chainable api
• 🍦 vanilla object syntax

🎁 features

• ⚡ performant & tiny
  • lib is 7.5kb (gzip)
  • 300 byte minimal version available as snippet
• ▶️◀️ easy deep merging
• 🌐 api
  • 🍭 iteratable
  • 🗣 expressive
  • 💆 seamless native integration
• 🤖 transformable
  • 🕵 debuggable
  • 👣 traversable
  • 🗺 remappable
  • 👆 tap
• 🎼 composable
  • 👂 observable
  • 🛂 types & validation
  • 🔌 extend
    • alias
    • increment
    • true/false
  • dot-prop
  • shorthand
    • .chainWrap
    • .bindMethods
    • .setIfEmpty
  • [define][define]
    • extendGetSet
    • defineGetSet
• 💪 powerful
  • 🏭 nestable factories

🔗 links & more

• based on webpack-chain, but not webpack-specific.
• Martin Fowler on FluentInterface