Ember Reactive Helpers

screenshot of Ember Reactive Helpers
ember

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

Overview

The ember-reactive-helpers is a collection of helpers designed to aid in reactive template programming with Ember.js. These helpers consist of functions that can be bound to event handlers in order to process data in the Data Down Actions Up cycle. The r helper is an essential component of this library, enabling the usage of ember-composable-helpers in event handlers by delaying the execution of the helper until the event is triggered.

Features

  • r helper: Returns a function for a given helper and curries arguments to it.
  • r/get helper: Returns a function that retrieves a value from the object received as the first argument.
  • r/param helper: Returns a function that retrieves the received argument at the specified index.
  • r/debugger helper: Creates a helper that injects a debugger breakpoint into a helper pipe.
  • r/log helper: Evaluates to a function that logs the passed-in message and arguments.
  • r/tap helper: Evaluates to a function that returns the passed-in argument.
  • {{shhh}} helper: Suppresses any output passed into it.
  • transition-to helper: Evaluates to an action that triggers a transition.

Summary

The ember-reactive-helpers package provides a set of helpers that enhance reactive template programming in Ember.js. By leveraging the r helper, event handlers can be bound to functions that process data upon event triggering. This library also includes several other useful helpers such as r/get, r/param, r/debugger, r/log, r/tap, {{shhh}}, and transition-to. These helpers enable developers to create more dynamic and reactive templates in Ember.js applications.

ember
Ember

Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.