Skip to content

Instantly share code, notes, and snippets.

View locks's full-sized avatar
🌟
Ember Polaris

Ricardo Mendes locks

🌟
Ember Polaris
View GitHub Profile
@locks
locks / components.number1-problem.js
Last active February 2, 2019 10:22 — forked from jenweber/components.d3-trouble.js
Angle brackets bug reproduction
import Ember from 'ember';
export default Ember.Component.extend({
});
import Ember from 'ember';
import { computed, observer } from '@ember/object';
import { debounce } from '@ember/runloop';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
init() {
this._super(...arguments);
this.set('debouncedoutput', []);
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
@locks
locks / components.child-component.js
Last active September 21, 2018 10:07 — forked from gabrielgrant/components.child-component.js
Component template inheritance
import Ember from 'ember';
import Parent from './parent-component';
export default Parent.extend({
foo: 'baz'
});
import Ember from 'ember';
export default Ember.Component.extend({
});
@locks
locks / components.my-component.js
Last active April 17, 2018 22:54
action on init
import Ember from 'ember';
export default Ember.Component.extend({
init() {
this._super(...arguments);
this.sendAction('y');
}
});
@locks
locks / controllers.application.js
Last active April 13, 2018 23:57 — forked from chancancode/controllers.application.js
RFC#286 - let helper
import Ember from 'ember';
const { computed } = Ember;
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
post: Object.freeze({
title: "Using the let helper",
content: "Using the let helper is straightforward. You just copy the code samples from the documentation."
import Ember from 'ember';
export default Ember.Component.extend({
timer: 0,
init() {
this._super(...arguments);
let start = Date.now();
setInterval(() => {
@locks
locks / components.my-component.js
Last active April 13, 2018 07:53 — forked from lolmaus/components.my-component.js
classNames / classNameBindings
import Ember from 'ember';
export default Ember.Component.extend({
classNameBindings: ['colorBoolInternal:purple'],
});
import Ember from 'ember';
export default Ember.Component.extend({
guid: Ember.computed(function() {
return Ember.guidFor(this);
}),
didRender() {
let guid = this.get('guid');
console.log(