ember-reactive-helpers

ember-reactive-helpers

Collection of helpers to aid in reactive template programming with Ember.js.

Helpers

(helper 'helperName')

Will resovle the helper and return resolved helper.

(closure helper arg1 arg2)

(closure helper accepts a helper as first argument and creates a closure and curries the passed in arguments. When you call the returned helper the helper will becalled with all passed in arguments.

{{#with (closure (helper 'contains') (array 'foo' 'bar')) as |checkContains|}}
  {{compute (checkContains 'foo')}}
{{/with}}

(transition-to 'destination' model (query-params foo='bar'))

(transition-to) helper the same argument signature as link-to but evaluates to an action that can be called to trigger transition.

<button {{action (transtion-to 'index')}}>Go to Index</button>

{{shhh anything}}

{{shhh helper will supress any output that's passed into it. This is useful when you want to compute a helper without having it's output rendered.

(r/debugger)

(r/debugger) will create a helper that will inject a debugger breakpoint into a helper pipe. It will pass through the value, that's passed into the helper.

<button {{action (pipe (some-helper) (r/debugger) (some-other-helper))}}>Do!</button>

(r/log 'your message')

(r/log) helper will evaluate to a function. When called, this function will log the passed in messsage and arguments that it received.

<button {{action (pipe (r/log 'before save') (action 'save') (r/log 'after save')) model}}>Save</button>

(r/get propName)

(r/get) helper returns a function. When called, the function will return value taken from object that it receives as first argument at property propName.

Installation

ember install ember-reactive-helpers

Helpful Links

• Live Demo

• Changelog

Looking for help?

If it is a bug please open an issue on GitHub.

Usage