Alex DiLiberto alexdiliberto

## components.user-portrait.js
import Ember from 'ember';
import Component from '@ember/component';

export default Component.extend({
  numberOfSaves: 0,
  message: '',

  helloMessage: Ember.computed('username', function() {
  	return `Hello, ${this.get('username')}. Welcome!`;
  }),

## adapters.application.js
import { Promise, defer, resolve } from 'rsvp';

export default class AppAdapter  {
  constructor(options) {
    Object.assign(this, options);
  }

  static create(options) {
    return new this(options);
  }

## controllers.application.js
import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

## ember-data-type-pluralization-and-relationships.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                alexdiliberto
                / ember-data-type-pluralization-and-relationships.md
            
            
              Last active
              April 25, 2019 17:20
            
              
                Ember Data, Type Pluralization, and Relationships
              
          
    A huge "Thank You" to @runspired for all the help in the #ember-data Ember Community Discord!
// models/foo-bar.js
export default class FooBar extends Model {}
JSON API "type" === "modelName" === "foo-bar".

  
## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
html {
  background: #f4f4f4;
  text-align: center;

## push-mirage-db-into-store.js
// tests/helpers/push-mirage-db-into-store.js
import { registerAsyncHelper } from '@ember/test';
import { run } from '@ember/runloop';

let pushMirageDbIntoStore = function(server, store) {
  let tables = Object.keys(server.schema);

  tables.forEach(table => {
    if (server.schema[table].all) {
      let all = server.schema[table].all();

## deliver-fast-ember-app-tips.txt
// Resource Hints:
// Inline in index.html
<link rel="preload" href="/assets/vendor.js" as="script">

// Or, in the HTTP header (even better)
// https://www.w3.org/wiki/LinkHeader
Link: </assets/vendor.js>; rel=preload; as=script
Link: </assets/neon-tetra.js>; rel=preload; as=script

// Preconnect

## components.blank-template.js
import Ember from 'ember';

export default Ember.Component.extend({
  tagName: ''
});

## components.my-component.js
import Ember from 'ember';

// export default Ember.Component.extend({
//   'data-test-my-component': true
// });

export default class MyComponent extends Ember.Component {
  'data-test-my-component' = true;
}

## lib-style-group.js
export default class StyleGroup {
  constructor(styles) {
    this.styles = styles;
    this.name = ''; // must set at runtime
  }
}
	import Ember from 'ember';
	import Component from '@ember/component';

	export default Component.extend({
	numberOfSaves: 0,
	message: '',

	helloMessage: Ember.computed('username', function() {
	return `Hello, ${this.get('username')}. Welcome!`;
	}),
	import { Promise, defer, resolve } from 'rsvp';

	export default class AppAdapter {
	constructor(options) {
	Object.assign(this, options);
	}

	static create(options) {
	return new this(options);
	}
	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle'
	});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	html {
	background: #f4f4f4;
	text-align: center;
	// tests/helpers/push-mirage-db-into-store.js
	import { registerAsyncHelper } from '@ember/test';
	import { run } from '@ember/runloop';

	let pushMirageDbIntoStore = function(server, store) {
	let tables = Object.keys(server.schema);

	tables.forEach(table => {
	if (server.schema[table].all) {
	let all = server.schema[table].all();
	// Resource Hints:
	// Inline in index.html
	<link rel="preload" href="/assets/vendor.js" as="script">

	// Or, in the HTTP header (even better)
	// https://www.w3.org/wiki/LinkHeader
	Link: </assets/vendor.js>; rel=preload; as=script
	Link: </assets/neon-tetra.js>; rel=preload; as=script

	// Preconnect
	import Ember from 'ember';

	export default Ember.Component.extend({
	tagName: ''
	});
	import Ember from 'ember';

	// export default Ember.Component.extend({
	// 'data-test-my-component': true
	// });

	export default class MyComponent extends Ember.Component {
	'data-test-my-component' = true;
	}
	export default class StyleGroup {
	constructor(styles) {
	this.styles = styles;
	this.name = ''; // must set at runtime
	}
	}