diff --git a/docs/source/data/fragments.md b/docs/source/data/fragments.md index d90178584ef..c3fff7a39c0 100644 --- a/docs/source/data/fragments.md +++ b/docs/source/data/fragments.md @@ -105,7 +105,7 @@ import { ApolloClient, gql, InMemoryCache } from "@apollo/client"; import { createFragmentRegistry } from "@apollo/client/cache"; const client = new ApolloClient({ - uri: "http://localhost:4000/graphql" + uri: "http://localhost:4000/graphql", cache: new InMemoryCache({ fragments: createFragmentRegistry(gql` fragment ItemFragment on Item { @@ -148,7 +148,7 @@ import { ApolloClient, gql, InMemoryCache } from "@apollo/client"; import { createFragmentRegistry } from "@apollo/client/cache"; const client = new ApolloClient({ - uri: "http://localhost:4000/graphql" + uri: "http://localhost:4000/graphql", cache: new InMemoryCache({ fragments: createFragmentRegistry(gql` fragment ItemFragment on Item { diff --git a/docs/source/data/suspense.mdx b/docs/source/data/suspense.mdx index d53d913c26b..7db3ceeb09e 100644 --- a/docs/source/data/suspense.mdx +++ b/docs/source/data/suspense.mdx @@ -48,6 +48,7 @@ const GET_DOG_QUERY: TypedDocumentNode = gql` # properly cached. id name + breed } } `; @@ -121,7 +122,7 @@ function App() { onChange={(e) => setSelectedDog(e.target.value)} > {data.dogs.map(({ id, name }) => ( - + ))} Loading...}> diff --git a/docs/source/development-testing/reducing-bundle-size.mdx b/docs/source/development-testing/reducing-bundle-size.mdx index 58ad4571428..46e8c8f3e0c 100644 --- a/docs/source/development-testing/reducing-bundle-size.mdx +++ b/docs/source/development-testing/reducing-bundle-size.mdx @@ -3,7 +3,7 @@ title: Reducing bundle size description: Squeeze those last few bytes out of your production build --- -Two quick configuration changes can help your reduce your bundle size: turning off Apollo Client's development mode and picking a consistent style for your imports. +Two quick configuration changes can help you reduce your bundle size: turning off Apollo Client's development mode and picking a consistent style for your imports. Every byte counts in optimizing your app's performance. ## Turning off development mode diff --git a/docs/source/performance/babel.md b/docs/source/performance/babel.md index 6b6b5911dc0..3fa6cde18d1 100644 --- a/docs/source/performance/babel.md +++ b/docs/source/performance/babel.md @@ -8,7 +8,7 @@ To avoid this runtime overhead, you can precompile your queries created with `gr 1. Using [babel-plugin-graphql-tag](#using-babel-plugin-graphql-tag) 2. Using [graphql-tag.macro](#using-graphql-tagmacro) -1. Using [ts-transform-graphql-tag](#using-ts-transform-graphql-tag) for Typescript +1. Using [ts-transform-graphql-tag](#using-ts-transform-graphql-tag) for TypeScript If you prefer to keep your GraphQL code in separate files (`.graphql` or `.gql`) you can use [babel-plugin-import-graphql](https://github.com/detrohutt/babel-plugin-import-graphql). This plugin still uses `graphql-tag` under the hood, but transparently. You simply `import` your operations/fragments as if each were an export from your GraphQL file. This carries the same precompilation benefits as the above approaches. diff --git a/src/react/hoc/__tests__/shared-operations.test.tsx b/src/react/hoc/__tests__/shared-operations.test.tsx index 74c2df89820..39c3561998a 100644 --- a/src/react/hoc/__tests__/shared-operations.test.tsx +++ b/src/react/hoc/__tests__/shared-operations.test.tsx @@ -90,7 +90,7 @@ describe("shared operations", () => { people: DataValue; } - // Since we want to test decorators usage, and this does not play well with Typescript, + // Since we want to test decorators usage, and this does not play well with TypeScript, // we resort to setting everything as any to avoid type checking. const withPeople: any = graphql<{}, PeopleData, {}, PeopleChildProps>( peopleQuery,