@mpth/react-no-ssr

> React component to wrap non SSR components, speeding up the eventloop while rendering pages SSR. Works with React >= 16.5.0

When working with Server Side Rendering(SSR) enabled apps, you have to deal with client only components. This wrapper makes it simple to work with those components.
npmjs.com/package/@mpth/react-no-ssr

$3

``
yarn add @mpth/react-no-ssr
`

$3

Foo is our client only component:

`js
import React from 'react';
import NoSSR from '@mpth/react-no-ssr';
import Foo from '../modules/foo';
import Bar from '../modules/bar';

const Page = () => (
<>


Page







);
`

Then, component is only rendered on the client just after it's mounted.

$3

Usually, we need to add some loading text or similar until component starts to render. Here's how to do it.

`js
const Loading = () => (

);
const Page = () => (
<>
....
}>



);
`

Now component will be rendered until ` component is rendered to the DOM.