@shopify/react-serialize

Provides an idiomatic way to serialize data for rehydration in a universal react application.

This module is now deprecated. You should move to using the serialization features of @shopify/react-html instead.
Last updated 4 months ago by shopify-dep .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @shopify/react-serialize 
SYNC missed versions from official npm registry.

@shopify/react-serialize

Note: This module is now deprecated. You should move to using the serialization features of @shopify/react-html instead.


Build Status License: MIT npm version npm bundle size (minified + gzip)

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),
});

Current Tags

  • 1.0.22                                ...           latest (4 months ago)

21 Versions

  • 1.0.22 [deprecated]           ...           4 months ago
  • 1.0.21                                ...           5 months ago
  • 1.0.20                                ...           6 months ago
  • 1.0.19                                ...           7 months ago
  • 1.0.18                                ...           7 months ago
  • 1.0.17                                ...           9 months ago
  • 1.0.16                                ...           9 months ago
  • 1.0.15                                ...           a year ago
  • 1.0.14                                ...           a year ago
  • 1.0.13                                ...           a year ago
  • 1.0.12                                ...           a year ago
  • 1.0.10                                ...           2 years ago
  • 1.0.9                                ...           2 years ago
  • 1.0.8                                ...           2 years ago
  • 1.0.7                                ...           2 years ago
  • 1.0.6                                ...           2 years ago
  • 1.0.5                                ...           2 years ago
  • 1.0.4                                ...           2 years ago
  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 1
Last Month 1
Dependencies (2)
Dev Dependencies (0)
None
Dependents (1)

Copyright 2014 - 2017 © taobao.org |