User.js

User.js

import Relay from 'generic-relay';
import { connectRelay } from 'angular2-relay';
import { Component, View, NgZone } from 'angular2/core';

const UserAccountContainer = Relay.createGenericContainer('User', {
  fragments: {
    user: () => Relay.QL`
      fragment on User {
        firstName,
        lastName,
      }
     `,
  },
});

@Component({
  selector: 'user',
})
@View({
  directives: [],
  template: `
    <div>
      <h2>Hi {{ relayData.user.firstName }} {{ relayData.user.lastName }}</h2>
    </div>
  `,
})
@connectRelay({
  container: UserAccountContainer,
})
class User {
  constructor(ngZone: NgZone) {
    this.initWithRelay(ngZone);
  }
}

export { UserAccountContainer, User };

j

wow