# Rethinking React components with @defer

DevFeed: [Rethinking React components with @defer](<https://devfeed.tech/articles/rethinking-react-components-with-defer-23498.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/rethinking-react-components-with-defer>)

Author: Michael Watson

Published: 2023-01-17T15:29:47Z

Content type: release

Language: en

Sources: [Apollo Blog](<https://devfeed.tech/sources/apollo-blog.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [GraphOS](<https://devfeed.tech/topics/graphos.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [React](<https://devfeed.tech/topics/react.md>), [schema design](<https://devfeed.tech/topics/schema-design.md>)

Tags: [announcement](<https://devfeed.tech/tags/announcement.md>), [component](<https://devfeed.tech/tags/component.md>), [graphos](<https://devfeed.tech/tags/graphos.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [schema-design](<https://devfeed.tech/tags/schema-design.md>), [state-management](<https://devfeed.tech/tags/state-management.md>)

## AI overview

This article explains how GraphQL's @defer directive can split a query response into multiple parts, allowing faster initial responses while slower fields load later. It announces full supergraph support for @defer in GraphOS and describes using a supergraph router with an existing GraphQL API.

## Source excerpt

Since the rise of the frontend framework and the framework wars of the 2010s, we've all gotten pretty used to the idea of building single-page apps that load a JavaScript bundle and then send queries to a server dynamically as a user clicks around. The move to single-page apps was driven by the need to create faster, more interactive user experiences. As with every great innovation, solving one problem just opens your eyes to the next one.