ember-curry-component

Like Ember's builtin (component) helper, but with dynamic arguments, and JS compatibility.

Installation

``
ember install ember-curry-component
`

Usage

$3

`gjs
import Component from "@glimmer/component";
import { getOwner } from "@ember/owner";
import curryComponent from "ember-curry-component";
import SomeOtherComponent from "./some-other-component";

class MyComponent extends Component {
get curriedComponent(){
const args = {
name: "David"
};
return curryComponent(SomeOtherComponent, args, getOwner(this))
}


}
`

$3

`gjs
import Component from "@glimmer/component";
import { getOwner } from "@ember/owner";
import curryComponent from "ember-curry-component";
import SomeOtherComponent from "./some-other-component";

class MyComponent extends Component {
@tracked name = "David";

get curriedComponent() {
const instance = this;
const args = {
get name() {
return instance.name;
}
};
return curryComponent(SomeOtherComponent, args, getOwner(this));
}


}
`
When this.name is reassigned, the @name argument on the curried component will be invalidated. The curriedComponent getter will not be re-evaluated.

$3

`gjs
import Component from "@glimmer/component";
import { getOwner } from "@ember/owner";
import curryComponent from "ember-curry-component";
import SomeOtherComponent from "./some-other-component";

class MyComponent extends Component {
@tracked name = "David";

get curriedComponent(){
const args = {
name: this.name
};
return curryComponent(SomeOtherComponent, args, getOwner(this));
}


}
`
When this.name is reassigned, the curriedComponent getter will be invalidated, and the curried component will be completely rerendered.

$3

In .gjs/.gjs files, the curryComponent helper can be used directly in a template. In this case, the owner does not need to be passed explicitly.

`gjs
import SomeOtherComponent from "./some-other-component";

const args = { name: "david" }