@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
- New Content published on w3resource:
- HTML-CSS Practical: Exercises, Practice, Solution
- Java Regular Expression: Exercises, Practice, Solution
- Scala Programming Exercises, Practice, Solution
- Python Itertools exercises
- Python Numpy exercises
- Python GeoPy Package exercises
- Python Pandas exercises
- Python nltk exercises
- Python BeautifulSoup exercises
- Form Template
- Composer - PHP Package Manager
- PHPUnit - PHP Testing
- Laravel - PHP Framework
- Angular - JavaScript Framework
- Vue - JavaScript Framework
- Jest - JavaScript Testing Framework