Example using apollo codegen to use dynamic fragments

[KATT]

You don't have to merge this or anything. I saw your Medium post, I just thought I'd show that you can do dynamically typechecked fragments based on your GraphQL-queries.

This way, the typecheck will fail if you try to use a property we omitted in the actual fragment in the GraphQL-query.

Just not sure if you're aware or not :)

[KATT]

Run yarn start then try to remove this line with flight_number for instance and TypeScript starts complaining

Failed to compile.

/Users/alex/dev/graphql-react-typescript-spacex/src/components/LaunchList/LaunchList.tsx
TypeScript error: Property 'flight_number' does not exist on type 'LaunchListQuery_launches'.  TS2339

    24 |                 key={i}
    25 |                 className={`${className}__item`}
  > 26 |                 onClick={() => handleIdChange(launch.flight_number!)}
       |                                                      ^
    27 |               >
    28 |                 {launch.mission_name} ({launch.launch_year})
    29 |               </li>