kfarst

# Example Dockerfile
FROM hello-world

kfarst

// @flow
type MyObject = {
  foo: number,
  bar: boolean,
  baz: string,
};

var val: MyObject = { /* ... */ };
function method(val: MyObject) { /* ... */ }
class Foo { constructor(val: MyObject) { /* ... */ } }

kfarst

query HeroNameAndFriends($episode: Episode) {
  hero(episode: $episode) {
    name
    friends {
      name
    }
  }
}

kfarst

{
  "episode": "JEDI"
}

kfarst

{
  "data": {
    "hero": {
      "name": "R2-D2",
      "friends": [
        {
          "name": "Luke Skywalker"
        },
        {
          "name": "Han Solo"

kfarst

import React from 'react';
import { QueryRenderer, graphql } from 'react-relay';

class Example extends React.Component {
  render() {
    return (
      <QueryRenderer
        environment={environment}
        query={graphql`
          query ExampleQuery($pageID: ID!) {

kfarst

class TodoList extends React.Component {
  render() {
    return (
      <QueryRenderer
        environment={environment}
        query={graphql`
          query TodoListQuery {
            list {
              # Specify any fields required by '<TodoList>' itself.
              title

kfarst

class TodoItem extends React.Component {
  render() {
    const item = this.props.item;
    // ...
  }
}

export default createFragmentContainer(
  TodoItem,
  item: graphql`

kfarst

import type { TodoListQueryType } from './__generated__/TodoListQueryType';

class TodoList extends React.Component {
  constructor(props: TodoListQueryType) {
    ...
  }
}

kfarst

import type { TodoListQueryType } from './__generated__/TodoListQueryType';

class TodoList extends React.Component {
  list: $PropertyType<TodoListQueryType, 'list'>

  constructor(props: TodoListQueryType) {
    list = props.list
    ...
  }
}