Skip to content

Commit 1c0ecbf

Browse files
committed
Add changeset
1 parent 45b1bc1 commit 1c0ecbf

File tree

1 file changed

+36
-0
lines changed

1 file changed

+36
-0
lines changed

.changeset/nasty-camels-pay.md

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
---
2+
"@apollo/client": minor
3+
---
4+
5+
Introduces data masking into Apollo Client. Data masking allows components to access only the data they asked for through GraphQL fragments. This prevents coupling between components that might otherwise implicitly rely on fields not requested by the component. Data masking also provides the benefit that masked fields only rerender components that ask for the field.
6+
7+
To enable data masking in Apollo Client, set the `dataMasking` option to `true`.
8+
9+
```ts
10+
new ApolloClient({
11+
dataMasking: true,
12+
// ... other options
13+
})
14+
```
15+
16+
You can selectively disable data masking using the `@unmask` directive. Apply this to any named fragment to receive all fields requested by the fragment.
17+
18+
```graphql
19+
query {
20+
user {
21+
id
22+
...UserFields @unmask
23+
}
24+
}
25+
```
26+
27+
To help with migration, use the `@unmask` migrate mode which will add warnings when accessing fields that would otherwise be masked.
28+
29+
```graphql
30+
query {
31+
user {
32+
id
33+
...UserFields @unmask(mode: "migrate")
34+
}
35+
}
36+
```

0 commit comments

Comments
 (0)