# Apollo Client 3.8 introduces the @nonreactive directive and useFragment hook for more selective React rendering

DevFeed: [Apollo Client 3.8 introduces the @nonreactive directive and useFragment hook for more selective React rendering](<https://devfeed.tech/articles/don-t-overreact-introducing-apollo-client-s-new-nonreactive-directive-and-usefragment-hook-23405.md>)

Original publisher: [Read original article](<https://www.apollographql.com/blog/introducing-apollo-clients-nonreactive-directive-and-usefragment-hook>)

Author: Alessia Bellisario

Published: 2023-06-15T08:53:00Z

Content type: release

Language: en

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

Topics: [apollo-client](<https://devfeed.tech/topics/apollo-client.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [React](<https://devfeed.tech/topics/react.md>), [render](<https://devfeed.tech/topics/render.md>)

Tags: [apollo-client](<https://devfeed.tech/tags/apollo-client.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [react](<https://devfeed.tech/tags/react.md>), [release](<https://devfeed.tech/tags/release.md>), [render](<https://devfeed.tech/tags/render.md>)

## AI overview

The article introduces Apollo Client 3.8 beta features for reducing unnecessary React re-renders: the @nonreactive directive and the useFragment hook. It explains how they can limit updates to affected components and improve rendering efficiency.

## Source excerpt

Efficient React apps are selective in their re-rendering, using a variety of techniques (such as ) to skip re-rendering unchanged components. With the beta release of Apollo Client 3.8, we're excited to spotlight a couple of new techniques to help you re-render exactly the components that you need to: - The directive: mark GraphQL query fields and fragments that shouldn't trigger a re-render if their cached value changes.