chriskrycho

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

chriskrycho

function deferred() {
  let deferred = { resolve: undefined, reject: undefined, promise: undefined };
  
  deferred.promise = new Promise((resolve, reject) => {
    deferred.resolve = resolve;
    deferred.reject = reject;
  });
  
  return deferred;
}

chriskrycho

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';
}

chriskrycho

<div class="container">
  <Stoplight @colors={{this.colors}} @currentColor={{this.currentColor}} />
  <button {{on "click" this.changeCurrentColor}}>Change</button>
  <div>
    <label>
      <input
        type="radio"
        name="mode"
        value="order"
        checked={{eq this.mode "order"}}

chriskrycho

function random(max) {
  return Math.round(Math.random() * max);
}

class Data {
  stuff;
  extraStuff;
  whatever;

  constructor(i) {

chriskrycho

class Component {
  #args;
  get args() {
    return this.#args;
  }

  constructor(args) {
    this.#args = args;
  }
}

chriskrycho

<div style='border: 1px solid blue'>
<h2>child</h2>
<p><code>this.foo</code> is {{this.foo}}</p>
<label>
	update child <input value={{this.foo}} {{on "input" this.updateFoo}}>
</label>
</div>

chriskrycho

<p>Is it fun? {{if this.isFun "Yes!" "nooooo"}}</p>

chriskrycho

import { helper } from '@ember/component/helper';
import { guidFor } from '@ember/object/internals';

export default helper(function uniqueId() {
  return guidFor({});
});

chriskrycho

<p>The id for this one is: {{this.id}}</p>