You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Sets up the GraphQL provider and client, nothing else
// src/index.jsimportReactfrom'react';importReactDOMfrom'react-dom';importAppfrom'./App';// Switch between them with comments// import GraphQLProvider from "./Apollo"importGraphQLProviderfrom"./Urql"ReactDOM.render(<React.StrictMode><GraphQLProvider><App/></GraphQLProvider></React.StrictMode>,document.getElementById('root'));
Urql
import{createClient,Provider,dedupExchange,fetchExchange}from'urql';import{cacheExchange}from'@urql/exchange-graphcache';constclient=createClient({url: 'https://48p1r2roz4.sse.codesandbox.io',exchanges: [dedupExchange,cacheExchange({}),fetchExchange],});exportdefaultfunctionApollo({ children }){return(<Providervalue={client}>{children}</Provider>)}
~/projects/bundle-size-test
❯ yarn build
yarn run v1.22.4
$ react-scripts build
Creating an optimized production build...
Compiled successfully.
File sizes after gzip:
62.89 KB (+21.55 KB) build/static/js/2.df985265.chunk.js
781 B build/static/js/runtime-main.e41effb0.js
409 B (+115 B) build/static/js/main.970c95a7.chunk.js
Apollo Client
import{ApolloClient,InMemoryCache,ApolloProvider}from'@apollo/client';constclient=newApolloClient({uri: 'https://48p1r2roz4.sse.codesandbox.io',cache: newInMemoryCache()});exportdefaultfunctionApollo({ children }){return(<ApolloProviderclient={client}>{children}</ApolloProvider>)}
~/projects/bundle-size-test
❯ yarn build
yarn run v1.22.4
$ react-scripts build
Creating an optimized production build...
Compiled successfully.
File sizes after gzip:
84.47 KB (+43.13 KB) build/static/js/2.1f9961ce.chunk.js
781 B build/static/js/runtime-main.e41effb0.js
412 B (+118 B) build/static/js/main.a3680a0f.chunk.js