react-server-data-bundle-cache

React-server data bundle cache

Cache the data for react-server pages for blazing fast client transitions.

Usage

First, install the module:

npm install --save react-server-data-bundle-cache

Then, install the cache:

import DataBundleCache from "react-server-data-bundle-cache"

DataBundleCache.install();

Then, opt into bundle caching in pages:

class MyPage {
    handleRoute() {
        DataBundleCache.optIn();
        ...
    }
    ...
}

Then, link to your page with the bundleData option:

<Link bundleData={true} path="/mypage">My page</Link>

If you really want to be slick, preload the bundle:

DataBundleCache.preload('/mypage');

Options:

• ttl: How long (in milliseconds) a bundle is good for.
• max: How many bundles may be kept in the cache.

Pass options as an object to the install method:

DataBundleCache.install({
    ttl: 10*60*1000, // Ten minutes.
    max: 10,         // Ten bundles.
});

That's it! Enjoy! :rocket:

Changelog

v0.8.1 (2017-12-27)

Bug fix

• react-server
  • #972 [react-server] Made ClientRequest chop off fragment identifiers from urls. (@j-beatzz)

Committers: 1

• Joshua LEO-Irabor (j-beatzz)