@@ -19,8 +19,12 @@ Instantiate a cache and pass it to any rendering method (`renderToString`, `rend
1919** Note: All of these methods are asynchronous, and return a promise. To use them, ` await ` the response before rendering**
2020``` javascript
2121const ReactCC = require (" react-component-caching" );
22- const cache = ReactCC .ComponentCache ();
23- ReactCC .renderToString (< App / > , cache> )
22+ const cache = new ReactCC.ComponentCache ();
23+ 24+ app .get (' /example' , async (req ,res ) => {
25+ const renderString = await ReactCC .renderToString (< App / > , cache);
26+ res .send (renderString);
27+ });
2428
2529// ...
2630```
@@ -54,7 +58,12 @@ export default class App extends Component {
5458 < div>
5559 < ComponentNotToBeCached / >
5660 < ComponentToCache cache / >
57- < ComponentToTemplatize templatizedProp1= " value" templatizedProp2= " value2" nonTemplatizedProp= " anotherValue" cache templatized= {[" templatizedProp1" , " templatizedProp2" ]} / >
61+ < ComponentToTemplatize
62+ templatizedProp1= " value1"
63+ templatizedProp2= " value2"
64+ nonTemplatizedProp= " anotherValue"
65+ cache
66+ templatized= {[" templatizedProp1" , " templatizedProp2" ]} / >
5867 < / div>
5968 );
6069 }
@@ -69,32 +78,25 @@ React Component Caching provides its own cache implementation as well as support
6978
7079``` javascript
7180const ReactCC = require (" react-component-caching" );
72- 73- const cache = ReactCC .ComponentCache ();
74- 75- ReactCC .renderToString (< App / > , cache);
81+ const cache = new ReactCC.ComponentCache ();
7682```
7783
7884** Redis Example:**
7985
8086``` javascript
8187const ReactCC = require (" react-component-caching" );
8288const redis = require (" redis" );
83- 8489const cache = redis .createClient ();
85- 86- ReactCC .renderToString (< App / > , cache);
8790```
8891
8992** Memcached Example:**
9093
9194``` javascript
9295const ReactCC = require (" react-component-caching" );
9396const Memcached = require (" memcached" );
94- 9597const cache = new Memcached (server location, options);
9698
97- // Make sure to pass in the lifetime of the data (in seconds) as a number.
99+ // If using Memcached, make sure to pass in the lifetime of the data (in seconds) as a number.
98100ReactCC .renderToString (< App / > , cache, 1000 );
99101```
100102
0 commit comments