@ima/react-page-renderer

Adds support for rendering pages with React for IMA@18 and higher. For legacy IMA@17 use page renderers included in core package.

Installation

``bash npm2yarn
npm install @ima/react-page-renderer
`

Usage

$3


`javascript
import {
defaultCssClasses as cssClassNameProcessor,
PageRendererFactory,
ServerPageRenderer,
} from '@ima/react-page-renderer';
import { ClientPageRenderer } from '@ima/react-page-renderer/renderer/ClientPageRenderer';

export default (ns, oc, config) => {
oc.bind('$CssClasses', function () {
return cssClassNameProcessor;
});

oc.get(ComponentUtils).register({
$CssClasses: '$CssClasses',
});

oc.inject(PageRendererFactory, [ComponentUtils]);
oc.bind('$PageRendererFactory', PageRendererFactory);

if (oc.get(Window).isClient()) {
oc.provide(PageRenderer, ClientPageRenderer, [
PageRendererFactory,
'$Helper',
'$Dispatcher',
'$Settings',
Window,
]);
} else {
oc.provide(PageRenderer, ServerPageRenderer, [
PageRendererFactory,
'$Helper',
'$Dispatcher',
'$Settings',
Cache,
]);
}
oc.bind('$PageRenderer', PageRenderer);
};
`

If your app is using legacy React@17, use legacy client page renderer instead of the default one.
`javascript
import { ClientPageRenderer } from '@ima/react-page-renderer/renderer/LegacyClientPageRenderer';
`

$3


`javascript
import DocumentView from 'app/document/DocumentView';

export default (ns, oc, config) => {
return {
prod: {
$Page: {
$Render: {
documentView: DocumentView,
masterElementId: 'page',
},
},
},
};
};
`

$3


`javascript
// You should already have this line in your file
const imaServer = require('@ima/server')();

require('@ima/react-page-renderer/hook/server')(imaServer);
`

$3


`javascript
import { AbstractComponent, AbstractPureComponent } from '@ima/react-page-renderer';

export default class MyComponent extends AbstractComponent {}
``