ember-singularity-mixins

The default blueprint for ember-cli addons.

Usage no npm install needed!

<script type="module">
  import emberSingularityMixins from 'https://cdn.skypack.dev/ember-singularity-mixins';
</script>

README

Ember Singularity Mixins

CI npm version

This addon consumes the unified event handling of Ember Singularity in order to provide easy-to-use and performant mixins for "spammy" events, such as scrolling, resizing, or touch events.

Note: If you use this addon, you do not need to include ember-singularity as a dependency as well.

Usage

All mixins can be imported using the following form:

import <MixinName> from 'ember-singularity-mixins/mixins/<mixin-name>';
export default Ember.Component.extend(<MixinName>);

They also have a function hook that uses the same name as the event which they handle. In other words, for the scroll-handler mixin it would simply be:

import ScrollHandler from 'ember-singularity-mixins/mixins/scroll-handler';
export default Ember.Component.extend(ScrollHandler, {
  scroll() {
    // Do stuff on scroll
  },
  // Other component properties and methods
});

Available Mixins

  1. scroll-handler
  2. resize-handler