no-ssr

v4.9.10arrow_drop_down
v4.9.10
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
105,051
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
3 KB
You can wrap a node.
2 contributors
Install no-ssr as a package?
Copied
npm i @bit/mui-org.material-ui.no-ssr
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
chevron_left
chevron_right

You can wrap a node.

If true, the component will not only prevent server-side rendering. It will also defer the rendering of the children into a different screen frame.

The fallback content to display.

NoSsr purposely removes components from the subject of Server Side Rendering (SSR).

This component can be useful in a variety of situations:

  • Escape hatch for broken dependencies not supporting SSR.

  • Improve the time-to-first paint on the client by only rendering above the fold.

  • Reduce the rendering time on the server.

  • Under too heavy server load, you can turn on service degradation. Demos:

  • No Ssr

API:

NoSsr ()

NoSsr purposely removes components from the subject of Server Side Rendering (SSR).

This component can be useful in a variety of situations:

  • Escape hatch for broken dependencies not supporting SSR.
  • Improve the time-to-first paint on the client by only rendering above the fold.
  • Reduce the rendering time on the server.
  • Under too heavy server load, you can turn on service degradation.
Properties
NameTypeDescription
children
node

You can wrap a node.

defer
bool

If true, the component will not only prevent server-side rendering. It will also defer the rendering of the children into a different screen frame.

fallback
node

The fallback content to display.

Help and resources