Skip to content

Instantly share code, notes, and snippets.

View dustinfarris's full-sized avatar
💭
🇺🇸

Dustin Farris dustinfarris

💭
🇺🇸
View GitHub Profile
import Ember from 'ember';
import connect from 'ember-redux/routes/connect';
const model = (dispatch, params) => {
return fetch(`/api/posts/${params.post_id}`).then(response => {
dispatch({ type: 'RECEIVE_POST', response });
});
};
const stateToComputed = (state, params) => {
import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
import { cashay } from 'cashay';
const stateToComputed = (state) => {
const { userId } = state.routes.userDetailRoute.params;
const userQuery = `
{
user(id: ${userId}) {
id
import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
import connect from 'ember-redux/components/connect';
var stateToComputed = (state) => {
return {
number: state.number
};
};
@dustinfarris
dustinfarris / components.hello-world.js
Last active November 28, 2016 00:17
ember-cashay demo
/**
A basic GraphQL query.
Using ember-redux, the result of the Cashay GraphQL query
is connected to the component.
*/
import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
import connect from 'ember-redux/components/connect';
import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
import connect from 'ember-redux/components/connect';
import npmCashay from '../npm-shims/cashay';
const { Component } = Ember;
const { cashay } = npmCashay;
const stateToComputed = () => {
const { users } = cashay.query(`{ users { id, name } }`).data;
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
export default Route.extend({
model() {
get(this, 'backend').fetch('users').then(users => {
// Pretend `.receive` is a helper method that does .dispatch({ type: 'RECEIVE', ...args })
get(this, 'store').receive({ users });
})
}
})
@dustinfarris
dustinfarris / 0.mixins.redux.js
Last active July 12, 2017 08:27
What am I doing here?
export default Mixin.create({
isSubscribedToStore: false,
store: service('redux'),
state: computed(function() {
return get(this, 'store').getState();
}),
init() {
import Ember from 'ember';
import connect from 'ember-redux/components/connect';
var stateToComputed = (state) => {
return {
number: state.number
};
};
var dispatchToActions = (dispatch) => {
import Ember from 'ember';
// import connect from 'ember-redux/components/connect';
import hbs from 'htmlbars-inline-precompile';
export default Ember.Component.extend({
layout: hbs`<h2>Hi there!</h2>`
});