A fullstack tutorial covering the render props API introduced in React Apollo 2.1. It walks through building a blogging app using the new Query and Mutation components, explaining how render props differ from higher-order components (HOCs), how to set up ApolloClient and ApolloProvider, load data with the Query component, write data with the Mutation component, and manually update the Apollo cache after mutations using the imperative store API. The backend uses a GraphQL server backed by Prisma 1 (now deprecated).

15m read timeFrom prisma.io
Post cover image
Table of contents
What are render props?1. Getting started2. Loading and displaying drafts with render props and the new Query component3. Loading the feed4. Creating new drafts with render props and the new Mutation component5. Publishing postsSummary
2 Impressions