Skip to content

Commit 3f55df0

Browse files
goncalooliveirasilvagoncalooliveirasilva
committed
update Apollo Client imports in all Part 8 translations
1 parent 0f25293 commit 3f55df0

File tree

10 files changed

+56
-38
lines changed

10 files changed

+56
-38
lines changed

‎src/content/8/en/part8b.md‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,9 @@ import App from './App'
3838
import { ApolloClient, HttpLink, InMemoryCache, gql } from '@apollo/client'
3939

4040
const client = new ApolloClient({
41-
link: new HttpLink({ uri: 'http://localhost:4000' }),
41+
link: new HttpLink({
42+
uri: 'http://localhost:4000'
43+
}),
4244
cache: new InMemoryCache(),
4345
})
4446

@@ -88,7 +90,9 @@ import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client'
8890
import { ApolloProvider } from '@apollo/client/react' // highlight-line
8991

9092
const client = new ApolloClient({
91-
link: new HttpLink({ uri: 'http://localhost:4000' }),
93+
link: new HttpLink({
94+
uri: 'http://localhost:4000'
95+
}),
9296
cache: new InMemoryCache(),
9397
})
9498

‎src/content/8/es/part8b.md‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -88,8 +88,9 @@ import ReactDOM from 'react-dom'
8888
import App from './App'
8989

9090
import {
91-
ApolloClient, ApolloProvider, HttpLink, InMemoryCache // highlight-line
91+
ApolloClient, HttpLink, InMemoryCache // highlight-line
9292
} from '@apollo/client'
93+
import { ApolloProvider } from '@apollo/client/react' // highlight-line
9394

9495
const client = new ApolloClient({
9596
cache: new InMemoryCache(),
@@ -119,7 +120,8 @@ La consulta la realiza el componente <i>App</i>, cuyo código es el siguiente:
119120

120121
```js
121122
import React from 'react'
122-
import { gql, useQuery } from '@apollo/client';
123+
import { gql } from '@apollo/client'
124+
import { useQuery } from '@apollo/client/react'
123125

124126
const ALL_PERSONS = gql`
125127
query {
@@ -410,7 +412,8 @@ Creemos un nuevo componente para agregar una nueva persona al directorio:
410412

411413
```js
412414
import React, { useState } from 'react'
413-
import { gql, useMutation } from '@apollo/client'
415+
import { gql } from '@apollo/client'
416+
import { useMutation } from '@apollo/client/react'
414417

415418
const CREATE_PERSON = gql`
416419
// ...
@@ -555,7 +558,7 @@ Por el momento, en nuestro código, las consultas y el componente están definid
555558
Separemos las definiciones de consulta en su propio archivo <i>queries.js</i>:
556559
557560
```js
558-
import { gql } from '@apollo/client'
561+
import { gql } from '@apollo/client'
559562

560563
export const ALL_PERSONS = gql`
561564
query {
@@ -697,7 +700,7 @@ Se han resaltado líneas interesantes en el código.
697700
698701
```js
699702
import React, { useState } from 'react'
700-
import { useMutation } from '@apollo/client'
703+
import { useMutation } from '@apollo/client/react'
701704

702705
import { EDIT_NUMBER } from '../queries'
703706

‎src/content/8/es/part8d.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ Se han resaltado líneas interesantes en el código:
5757

5858
```js
5959
import React, { useState, useEffect } from 'react'
60-
import { useMutation } from '@apollo/client'
60+
import { useMutation } from '@apollo/client/react'
6161
import { LOGIN } from '../queries'
6262

6363
const LoginForm = ({ setError, setToken }) => {
@@ -167,7 +167,8 @@ const App = () => {
167167
Después de que el backend cambie, la creación de nuevas personas requiere que se envíe un token de usuario válido con la solicitud. Para enviar el token, tenemos que cambiar un poco la forma en que definimos el objeto _ApolloClient_ en <i>index.js</i>.
168168

169169
```js
170-
import { ApolloClient, InMemoryCache, ApolloProvider, createHttpLink } from '@apollo/client' // highlight-line
170+
import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client' // highlight-line
171+
import { ApolloProvider } from '@apollo/client/react'
171172
import { setContext } from '@apollo/client/link/context' // highlight-line
172173

173174
// highlight-start

‎src/content/8/es/part8e.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -228,9 +228,10 @@ La configuración en <i>index.js</i> tiene que ser modificada así:
228228

229229
```js
230230
import {
231-
ApolloClient, ApolloProvider, HttpLink, InMemoryCache,
231+
ApolloClient, HttpLink, InMemoryCache,
232232
split // highlight-line
233233
} from '@apollo/client'
234+
import { ApolloProvider } from '@apollo/client/react'
234235
import { setContext } from 'apollo-link-context'
235236

236237
// highlight-start
@@ -323,7 +324,7 @@ export const PERSON_ADDED = gql`
323324

324325
import {
325326
useQuery, useMutation, useSubscription, useApolloClient // highlight-line
326-
} from '@apollo/client'
327+
} from '@apollo/client/react'
327328

328329
const App = () => {
329330
// ...

‎src/content/8/fi/osa8b.md‎

Lines changed: 16 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,12 @@ Aloitetaan seuraavalla ohjelmarungolla.
3131
import ReactDOM from 'react-dom/client'
3232
import App from './App'
3333

34-
import { ApolloClient, InMemoryCache, gql } from '@apollo/client'
34+
import { ApolloClient, HttpLink, InMemoryCache, gql } from '@apollo/client'
3535

3636
const client = new ApolloClient({
37-
uri: 'http://localhost:4000',
37+
link: new HttpLink({
38+
uri: 'http://localhost:4000'
39+
}),
3840
cache: new InMemoryCache(),
3941
})
4042

@@ -80,14 +82,13 @@ Sovellus pystyy siis kommunikoimaan GraphQL-palvelimen kanssa olion _client_ vä
8082
import ReactDOM from 'react-dom/client'
8183
import App from './App'
8284

83-
import {
84-
ApolloClient,
85-
ApolloProvider, // highlight-line
86-
InMemoryCache,
87-
} from '@apollo/client'
85+
import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client'
86+
import { ApolloProvider } from '@apollo/client/react' // highlight-line
8887

8988
const client = new ApolloClient({
90-
uri: 'http://localhost:4000',
89+
link: new HttpLink({
90+
uri: 'http://localhost:4000'
91+
}),
9192
cache: new InMemoryCache(),
9293
})
9394

@@ -107,7 +108,8 @@ Apollo Client tarjoaa muutaman vaihtoehtoisen tavan [kyselyjen](https://www.apol
107108
Kyselyn tekevän komponentin <i>App</i> koodi näyttää seuraavalta:
108109

109110
```js
110-
import { gql, useQuery } from '@apollo/client'
111+
import { gql } from '@apollo/client'
112+
import { useQuery } from '@apollo/client/react'
111113

112114
const ALL_PERSONS = gql`
113115
query {
@@ -237,7 +239,8 @@ Ratkaisu on seuraavassa:
237239

238240
```js
239241
import { useState } from 'react'
240-
import { gql, useQuery } from '@apollo/client'
242+
import { gql } from '@apollo/client'
243+
import { useQuery } from '@apollo/client/react'
241244

242245
const FIND_PERSON = gql`
243246
query findPersonByName($nameToSearch: String!) {
@@ -392,7 +395,8 @@ Tehdään sovellukseen uusi komponentti uuden henkilön lisämiseen:
392395

393396
```js
394397
import { useState } from 'react'
395-
import { gql, useMutation } from '@apollo/client'
398+
import { gql } from '@apollo/client'
399+
import { useMutation } from '@apollo/client/react'
396400

397401
const CREATE_PERSON = gql`
398402
// ...
@@ -664,7 +668,7 @@ Muutoksen suorittava komponentti <i>PhoneForm</i> on suoraviivainen, se kysyy lo
664668
665669
```js
666670
import { useState } from 'react'
667-
import { useMutation } from '@apollo/client'
671+
import { useMutation } from '@apollo/client/react'
668672

669673
import { EDIT_NUMBER } from '../queries'
670674

‎src/content/8/fi/osa8d.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ Kirjautumisesta huolehtiva komponentti _LoginForm_ toimii melko samalla tavalla
5454

5555
```js
5656
import { useState, useEffect } from 'react'
57-
import { useMutation } from '@apollo/client'
57+
import { useMutation } from '@apollo/client/react'
5858
import { LOGIN } from '../queries'
5959

6060
const LoginForm = ({ setError, setToken }) => {
@@ -164,7 +164,8 @@ Backendin muutosten jälkeen uusien henkilöiden lisäys puhelinluetteloon vaati
164164
Tämä edellyttää pientä muutosta tiedostossa <i>main.jsx</i> olevaan ApolloClient-olion konfiguraatioon
165165

166166
```js
167-
import { ApolloClient, InMemoryCache, ApolloProvider, createHttpLink } from '@apollo/client' // highlight-line
167+
import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client' // highlight-line
168+
import { ApolloProvider } from '@apollo/client/react'
168169
import { setContext } from '@apollo/client/link/context' // highlight-line
169170

170171
// highlight-start

‎src/content/8/fi/osa8e.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -655,9 +655,10 @@ Jotta saamme tilaukset käyttöön React-sovelluksessa, tarvitaan jonkin verran
655655

656656
```js
657657
import {
658-
ApolloClient, InMemoryCache, ApolloProvider, createHttpLink,
658+
ApolloClient, InMemoryCache, createHttpLink,
659659
split // highlight-line
660660
} from '@apollo/client'
661+
import { ApolloProvider } from '@apollo/client/react'
661662
import { setContext } from 'apollo-link-context'
662663

663664
// highlight-start
@@ -745,7 +746,7 @@ export const PERSON_ADDED = gql`
745746
ja tehdään tilaus komponentissa App:
746747

747748
```js
748-
import { useQuery, useApolloClient, useSubscription } from '@apollo/client'
749+
import { useQuery, useApolloClient, useSubscription } from '@apollo/client/react'
749750
import { PERSON_ADDED } from './queries.js'
750751

751752
const App = () => {

‎src/content/8/zh/part8b.md‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -118,9 +118,8 @@ client.query({ query })
118118
import ReactDOM from 'react-dom'
119119
import App from './App'
120120

121-
import {
122-
ApolloClient, ApolloProvider, HttpLink, InMemoryCache // highlight-line
123-
} from '@apollo/client'
121+
import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client'
122+
import { ApolloProvider } from '@apollo/client/react' // highlight-line
124123

125124
const client = new ApolloClient({
126125
cache: new InMemoryCache(),
@@ -151,7 +150,8 @@ ReactDOM.render(
151150
查询是由<i>App</i>组件进行的，其代码如下。
152151

153152
```js
154-
import { gql, useQuery } from '@apollo/client'
153+
import { gql } from '@apollo/client'
154+
import { useQuery } from '@apollo/client/react'
155155

156156
const ALL_PERSONS = gql`
157157
query {
@@ -302,7 +302,8 @@ query findPersonByName($nameToSearch: String!) {
302302

303303
```js
304304
import { useState } from 'react'
305-
import { gql, useQuery } from '@apollo/client'
305+
import { gql } from '@apollo/client'
306+
import { useQuery } from '@apollo/client/react'
306307

307308
const FIND_PERSON = gql`
308309
query findPersonByName($nameToSearch: String!) {
@@ -474,7 +475,8 @@ mutation createPerson($name: String!, $street: String!, $city: String!, $phone:
474475

475476
```js
476477
import { useState } from 'react'
477-
import { gql, useMutation } from '@apollo/client'
478+
import { gql } from '@apollo/client'
479+
import { useMutation } from '@apollo/client/react'
478480

479481
const CREATE_PERSON = gql`
480482
// ...
@@ -790,7 +792,7 @@ export const EDIT_NUMBER = gql`
790792
791793
```js
792794
import { useState } from 'react'
793-
import { useMutation } from '@apollo/client'
795+
import { useMutation } from '@apollo/client/react'
794796

795797
import { EDIT_NUMBER } from '../queries'
796798

‎src/content/8/zh/part8d.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ export const LOGIN = gql`
6060

6161
```js
6262
import { useState, useEffect } from 'react'
63-
import { useMutation } from '@apollo/client'
63+
import { useMutation } from '@apollo/client/react'
6464
import { LOGIN } from '../queries'
6565

6666
const LoginForm = ({ setError, setToken }) => {

‎src/content/8/zh/part8e.md‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -580,10 +580,11 @@ const pubsub = new PubSub() // highlight-line
580580
<i>index.js</i>中的配置必须这样修改。
581581

582582
```js
583-
import {
584-
ApolloClient, ApolloProvider, HttpLink, InMemoryCache,
583+
import {
584+
ApolloClient, InMemoryCache, createHttpLink,
585585
split // highlight-line
586586
} from '@apollo/client'
587+
import { ApolloProvider } from '@apollo/client/react'
587588
import { setContext } from 'apollo-link-context'
588589

589590
// highlight-start
@@ -682,7 +683,7 @@ export const PERSON_ADDED = gql`
682683

683684
import {
684685
useQuery, useMutation, useSubscription, useApolloClient // highlight-line
685-
} from '@apollo/client'
686+
} from '@apollo/client/react'
686687

687688
const App = () => {
688689
// ...

0 commit comments

Comments
 (0)