1.0.22 • Published 4 years ago
@shopify/react-serialize v1.0.22
@shopify/react-serialize
Note: This module is now deprecated. You should move to using the serialization features of @shopify/react-html
instead.
Provides an idiomatic way to serialize data for rehydration in a universal react application.
Installation
$ yarn add @shopify/react-serialize
Usage
On the server, the <Serializer />
component will serialize whatever you pass as it's data
prop.
// in your server renderer
import {Serializer} from '@shopify/react-serialize';
...
const apolloState = getDatafromTree(appMarkup)
const markup = react.renderToString(
<React.Fragment>
{appMarkup}
<Serializer id="apollo-data" data={apolloState}>
</React.Fragment>
);
Then on the client, you can use getSerialized
to fetch that data out of the DOM and initialize whatever you need.
// when you are rehydrating on the client
import {getSerialized} from '@shopify/react-serialize';
import ApolloClient from 'apollo-client';
...
const {data: initialApolloData} = getSerialized('apollo-data');
const client = new ApolloClient({
...myConfig,
cache: cache.restore(initialApolloData),
});
1.0.22
4 years ago
1.0.21
4 years ago
1.0.20
4 years ago
1.0.19
4 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.10
5 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago