---
title: "How to Render Props in React Apollo 2.1"
url: https://daily.dev/posts/how-to-render-props-in-react-apollo-2-1-o5vexewel
source_url: https://www.prisma.io/blog/tutorial-render-props-in-react-apollo-2-1-199e9e2bd01e
type: article
source: "Prisma Blog"
published: 2026-05-31T07:45:16.462Z
updated: 2026-05-31T09:32:13.368Z
tags: ["react", "graphql", "prisma", "apollo"]
reading_time: 15
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# How to Render Props in React Apollo 2.1

**[Prisma Blog](https://daily.dev/sources/prisma-blog)** · 15 min read · 0 upvotes · 0 comments

## Summary

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).

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.prisma.io/blog/tutorial-render-props-in-react-apollo-2-1-199e9e2bd01e>

---

Tags: [#react](https://daily.dev/tags/react), [#graphql](https://daily.dev/tags/graphql), [#prisma](https://daily.dev/tags/prisma), [#apollo](https://daily.dev/tags/apollo)

[View this post on daily.dev](https://daily.dev/posts/how-to-render-props-in-react-apollo-2-1-o5vexewel)