w3resource

@apollo/react-ssr


This tutorial outlines some of the @apollo/react-ssr API reference.

Installation

npm install @apollo/react-ssr

getDataFromTree

The getDataFromTree function takes your React tree, determines which queries are needed to render them, and then fetches them all.

Params

PARAM TYPE DESCRIPTION
tree React.ReactNode The React tree you would like to render and fetch data for.
context {[key:string]:any } Optional values you would like to make available in the React Context during rendering / data retrieval.

Result

getDataFromTree returns a promise (Promise<string>) which resolves when the data is ready in your Apollo Client store. The result is generated using ReactDOMServer.renderToStaticMarkup under the hood.

renderToStringWithData

The renderToStringWithData function is similar to getDataFromTree, but uses ReactDOMServer.renderToString to render its result instead of ReactDOMServer.renderToStaticMarkup (the React docs help explain the difference).

Params

PARAM TYPE DESCRIPTION
component ReactElement The React component tree you would like to render and fetch data for.

Result

renderToStringWithData returns a promise (Promise<string>) which resolves when the data is ready in your Apollo Client store. The result is generated using ReactDOMServer.renderToString under the hood.

Previous: @apollo/react-hooks
Next: class ApolloClient



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://w3resource.com/apollo-graphql/apollo-react-ssr.php