- Enter GraphiQL
- Our First Query
- Named Queries
- Variables
- GraphQL Enforces Types and Correctness
- GraphQL doesn't accept extra variables
- Multiple Queries and Renaming Result fields
- Fragments
- Union Types and Interfaces
- Interfaces
- Discriminated Unions
- Pagination
- Mutations
- GraphQL queries over HTTP - fetching with fetch and curl
- Summary
- What are we building?
- Tooling and Project Structure
- TypeScript and GraphQL Types - There is a difference
- Generating Types with graphql-codegen
- Generating Types for Queries
- Generating Helper Functions for Apollo
- Building the Issue Finder
- Creating the Search Component
- Visualizing Issues
- Pagination with Cursors
- Tracking our cursorState
- Improved Caching during Pagination
- Summary
- What are we building?
- Prefetching Queries
- Loading Comments
- Extending GetIssues Query
- Dedicated Query
- Hybrid Approach
- Mutations - Modifying Existing Data
- Mutations - Creating New Data
- Refetching Queries
- Manually Updating the Apollo Cache
- Pagination via fetchMore
- Summary
- What's Next?
- FAQ
- What happens if an endpoint does not provide an unique Id as a field?
- Summary
Fullstack GraphQL
Chapter 2:
Hello GraphQL - GraphiQL and Github's GraphQL Playground
Chapter 7:
Building a TypeSafe GraphQL React Client App - Part 1
Chapter 8:
Building a TypeSafe GraphQL React Client App - Part 2
Β
This page is a preview of Fullstack GraphQL