including CAIT data, models and seeds

relay/app.relay.js

@@ -0,0 +1,15 @@
+import 'babel-polyfill';
+
+import App from './components/App';
+import AppHomeRoute from './routes/AppHomeRoute';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Relay from 'react-relay';
+
+ReactDOM.render(
+  <Relay.RootContainer
+    Component={App}
+    route={new AppHomeRoute()}
+  />,
+  document.getElementById('root')
+);

relay/components/App.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import Relay from 'react-relay';
+
+class App extends React.Component {
+  render() {
+    return (
+      <div>
+        <h1>Widget list</h1>
+        <ul>
+          {this.props.viewer.widgets.edges.map(edge =>
+            <li key={edge.node.id}>{edge.node.name} (ID: {edge.node.id})</li>
+          )}
+        </ul>
+      </div>
+    );
+  }
+}
+
+export default Relay.createContainer(App, {
+  fragments: {
+    viewer: () => Relay.QL`
+      fragment on User {
+        widgets(first: 10) {
+          edges {
+            node {
+              id,
+              name,
+            },
+          },
+        },
+      }
+    `,
+  },
+});

relay/routes/AppHomeRoute.js

@@ -0,0 +1,12 @@
+import Relay from 'react-relay';
+
+export default class extends Relay.Route {
+  static queries = {
+    viewer: () => Relay.QL`
+      query {
+        viewer
+      }
+    `,
+  };
+  static routeName = 'AppHomeRoute';
+}