Buy Now and unlock this series
Become a Pro and unlock everything
Writing Our First GraphQL Query
In this series we dive into working with GraphQL APIs with React & Apollo. Learn all about how Apollo Client works, best practices and managing local state.
Buy Level 1 Apollo Client with React: https://www.leveluptutorials.com/store/products/tutorials/lut-dd025
Become a Pro: https://www.leveluptutorials.com/pro
Please use these links when signing up for services to help support Level Up.
Easy Hosting with Netlify: https://goo.gl/pychVP
Shared Web Hosting: https://goo.gl/pfC6uc
Level Up Links
Syntax Podcast ft Scott Tolinski & Wes Bos: https://goo.gl/7jDDxX
Subscribe to the Level Up Newsletter http://eepurl.com/AWjGz
Build a universal GraphQL API on top of your existing REST APIs, so you can ship new application features fast without waiting on backend changes.
Advanced data loading Queries, caching, mutations, optimistic UI, subscriptions, pagination, server-side rendering, prefetching, and more.
Built for modern React apps Compatible out of the box with Redux, React Router, Recompose, Expo, Next.js, and everything else in the React ecosystem.
Production-ready Used today in critical production apps by KLM, The New York Times, OpenTable, Ticketmaster, Coursera, Khan Academy, and others.
Community-focused Over 700 contributors and counting. Built by the community, for the community.
Tooling and server friendly Apollo Chrome devtools, static query analysis, code generation, and autocompletion.
Incrementally adoptable The only GraphQL client that works with any client-side architecture and every GraphQL server. It adapts to fit your needs.
Become a pro to download code and videos
Level 1 Apollo Client with React
- Series Introduction
- Setting Up Our GraphQL Server
- Starting Our Project & Connecting To Apollo
- Writing Our First GraphQL Query
- The Query Component
- Apollo Dev Tools
- Named Queries
- Troubleshooting GraphQL Queries
- Using Arguments & Parameters
- React Router Setup
- Variables In Queries
- Understanding Mutations
- The Mutation Component
- Mutations As Prop Functions
- Update Mutations
- Improving Our Interface
- Local State with Apollo Link State
- Modifying Local State
- Updating Local State From Mutations
- Sorting & Pagination
- Optimistic UI
- Apollo Persistent Cache
- Importing .graphql Files