Have you been looking to get started with ember-modifier in your Ember.js applications?
In continuation of his first blog post reusable DOM behavior in React vs Ember
, Raja wrote a second post detailing the ember-modifier internals and what an element modifier manager
is. He begins by talking about the modifier lifecycle methods. A modifier lifecycle consists of:
In the process of explaining the lifecycle methods, Raja details each step with code snippets that help the reader understand what each of them means.
Read more about the element modifier manager and its internals on dev.to
Raja SK's third blog post on Ember modifiers is titled the magic behind the ember modifiers
, where he talks about the internal workings of an Ember modifier - a feature that is offered by Ember Octane.
In the process of explaining how a modifier works, he showcases its use by writing a simple autofocus modifier using the functional modifier approach.
He talks about ember-render-modifiers
, which provide element modifiers that can be used to hook into specific portions of the rendering lifecycle of a component.
There are several addons based on ember-modifier, but ember-render-modifiers
makes it easy to understand its implementation. If you are looking to write your own custom modifiers, then ember-render-modifiers is a good place to start with. Read more on the blog post on dev.to