Developers will enhance their GraphQL skills and gain hands-on experience with Apollo Client's most modern features. By the end of the workshop, participants will have a deep understanding of how to use GraphQL clients to build robust and scalable client-side applications, troubleshoot common issues, and optimize their applications for performance.

What you'll learn

• How to use caching and type policies
• Utilizing GraphQL fragments for reusability and performance with fragment colocation and useFragment
• Suspense patterns with useSuspenseQuery, useBackgroundQuery, useLoadableQuery, and preloadQuery

Who this workshop is for

• Client developers looking to go beyond the basics of Apollo Client (web).
• Participants should have familiarity with using Apollo Client (web) and React/TypeScript.

Workshop resources

• Workshop slides PDF
• Workshop project repo

⚠️ Before the workshop...

If you have any questions or run into any issues with the workshop prep below, scroll to the end of this page to leave a comment or send us an email at summit@apollographql.com. We're here to help!

You will need to do the following:

Clone the repo locally

1. Clone the repo.

   git clone https://github.com/apollographql-education/summit-24-client-web.git

   Copy

2. Open it up in your code editor.

3. Run npm install in a terminal.

4. Run npm start. This starts up the app, which you can browse and play around with at http://localhost:3000.

Install Google Chrome browser extensions

For this workshop, we'll be using Google Chrome along with a few helpful browser extensions to support our client development

With that, you're good to go! See you at the workshop.