With the release of the new version React and Node.js the performance issue has ceased to be so acute. Use last versions of React and Node.js for better performance.
The module for rendering react-element in the server 3 times as fast (see benchmarks) as traditional react rendering (in production mode).
All you need to use it, is only:
- install package
npm install fast-react-render- replace you render to:
var ReactRender = require('fast-react-render');
var element = React.createElement(Component, {property: 'value'});
console.log(ReactRender.elementToString(element, {context: {}}));React server rendering support cache for component.
First of all, you must choose cache system. It can be any system, which implement ICache interface (interface). For caching, component must implement ICacheableComponent interface (interface).
Example with using LRU cache: render with LRU cache (install lru-cache package first).
If you need more performance, you can try use fast-react-server - is high speed mock for react, which provide rendering 11 times as fast as traditional, but require more configuration for build system.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent