Questions tagged [glimmer.js]

Glimmer is a UI library for building custom components.

Glimmer is a UI library for building powerful and fast custom components, brought to you by the Ember.js team.

39 questions
2
votes
1 answer

Difference between ember and glimmer

I want to know the differences in ember and glimmer. I know that glimmer is used for components. But why do we need separate part for component called glimmer? can anyone explain this in detail? Thanks in advance
raj keviv
  • 149
  • 1
  • 2
  • 11
2
votes
1 answer

Setup and Initialize Route in Glimmer js

Not long ago I hear about glimmer and decide to try it out. Now I already try to do their tutorial and see the todo-mvc that glimmer already create but it seems that they use navigo to navigate through page. I want to know if there's any proper way…
Dio
  • 25
  • 5
1
vote
1 answer

Dynamically determine existence of template only Ember glimmer component?

I know that to dynamically determine the existence of a component on Ember we can use the solutions explained here or here. We have a helper that uses .hasRegistration('component:${component}') This also works for Glimmer components as long as there…
moondaisy
  • 4,303
  • 6
  • 41
  • 70
1
vote
1 answer

Dynamic template arguments for an Ember component

I've run into a situation with a glimmer component that renders a LinkTo component within. The issue is that LinkTo treats the case where @model={{undefined}} and the case of omitting the @model argument as 2 different cases. This is because the…
Vadim
  • 17,897
  • 4
  • 38
  • 62
1
vote
1 answer

What does the "pull-based functional reactive program" mean in Glimmer VM?

As I saw the notion "pull-based functional reactive program"" in this article: https://engineering.linkedin.com/blog/2017/06/glimmer--blazing-fast-rendering-for-ember-js--part-2 As I know, the "pull-based" means we have to use a regular polling way…
Jason Yu
  • 1,886
  • 16
  • 26
1
vote
1 answer

Conversion to Glimmer components – dynamic property in service

I am trying to build a Glimmer component that reacts to changes to properties in a service, see below where I am trying to make the component to update the get playing in response to changes in the audioPlayer url and status – which are changed when…
Gordon Isnor
  • 2,065
  • 1
  • 19
  • 32
1
vote
2 answers

emberjs glimmer object set() with variable property name

I have a component in Ember 3.15 where I am trying to do something like import { action, set } from '@ember/object'; @action someMethod() { const value = ... // something random let propertyName = ... // some variable string set(this,…
Ian Kirkpatrick
  • 1,861
  • 14
  • 33
1
vote
1 answer

Convert Ember addon to web component

How to convert an ember addon to web component? https://github.com/BBVAEngineering/ember-cli-web-components This plugin is not working, I am getting, defineCustomElements is not defined error. Then I found glimmer can create web components. With…
1
vote
0 answers

UntrackedPropertyError - Glimmer.js

This is my first time using Glimmer. Its pretty cool and I'm just enjoying using it. That being said, I'm not really sure why but I keep getting an untracked error for the filtered property. I'd really appreciate any advice or help. :) export…
0
votes
2 answers

How to specify template for Glimmer Component?

I have a typical Glimmer "base" component: import Component from '@glimmer/component'; export default class BaseComponent extends Component { ... } It has a template like normally, but the actual implementations of that component are child…
MiikaH
  • 119
  • 1
  • 5
0
votes
1 answer

Can console.log be passed in to test a Ember.js component from my application template?

I am building a simple button component and I would like to test that my click handler is working by passing in console.log (or some other function) into my component. This is in Ember 4. app/components/eu-button.hbs looks like:
0
votes
1 answer

Dynamic model in LinkTo component in Ember

I am using Ember 3.18, I am facing the below issue. Consider the following routes: Router.map(function() { this.route('author'); this.route('author' , {path:"/author/:author_id"}); }); Now, in my hbs file, I am trying to transition to the above…
Panther Coder
  • 1,058
  • 1
  • 16
  • 43
0
votes
1 answer

Ember Octane, Tracked property not rerendering template

Coming from a React background, I'm having issues understanding EmberJs "Tracked" concept. On paper it shouldn't be different from "React state". So what I have understood is that when we anotate a property with @tracked it should cause a re render…
Neil
  • 27
  • 3
0
votes
1 answer

How to get Ember to detect a checkbox on change along with a glimmer tracked?

In ember js version 3.2.6, how do we get a checkbox to do extra logic on value changed? Example, I have a checkbox (a toggle true/false) for updateServer. The existing code is using a glimmer @tracked and this work fine for showing some instant UI…
RonPringadi
  • 1,294
  • 1
  • 19
  • 44
0
votes
0 answers

Nested JS decorator get/set's, how to properly chain them?

The ember framework has adopted decorators aggressively. In order to utilize data binding now i have to decorate my properties with @tracked which gets me all my nice UI updates anytime i change a property. @tracked username = 'dave'; This…
Chris Rice
  • 728
  • 2
  • 9
  • 32