kfarst

"configurations": [
        {
            "name": "Jest", // This is the configuration name you will see in debug sidebar
            "type": "node",
            "request": "launch",
            "port": 5858,
            "address": "localhost",
            "stopOnEntry": false,
            "runtimeExecutable": null,
            "env": {

kfarst

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

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

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

kfarst

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

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

kfarst

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

export default createFragmentContainer(
  TodoItem,
  item: graphql`

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

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

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

kfarst

{
  "episode": "JEDI"
}

kfarst

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

kfarst

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

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