Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

What is the role of ssr-only in hydration?

See original GitHub issue

I have a site that is all optimized for SEO, but I am trying to improve its performance without falling into Google rank. So I saw this ssr-only parameter, I would like to know what it actually does and if it will help me.

Thank you.

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:5 (2 by maintainers)

Top GitHub Comments

2reactions

maoberlehnercommented, Nov 26, 2019

https://github.com/maoberlehner/vue-lazy-hydration#basic-example Point 2.

The ArticleContent component is only loaded in SSR mode, which means it never gets hydrated in the browser, which also means it will never be interactive (static content only).

never interactive means that if you bind any click handlers or do anything which requires JavaScript to run for this component to work, this mode is not for you. With ssr-only, only the HTML is generated server-side and no client side JavaScript for this component is executed at all. This is useful for static content without any dynamic client side functionality (not even router links inside of such a component would work as expected, they would work like regular <a> elements).

Sorry, I see that this is not well enough documented, I should make this more obvious.

0reactions

simplenotezycommented, Mar 9, 2020

My question has been edited

Top Results From Across the Web

Hydration and Server-side Rendering - somewhat abstract

During hydration, React works quickly in a virtual DOM to match up the existing content with what the application renders, saving time from ......

Achieving lazy hydration in Vue 3 from scratch - LogRocket Blog

With the above props, we'll support SSR-only static components as well as hydrating when the browser is idle, the component is visible, or...

hadeeb/react-lazy-hydration - GitHub

import React from "react"; import LazyHydrate from "react-lazy-hydration"; function App() { return ( <div> {/* Skip Hydrating */} <LazyHydrate ssrOnly> {.

SSR | TanStack Query Docs

Using Hydration. React Query supports prefetching multiple queries on the server in Next.js and then dehydrating those queries to the queryClient. This means ......

Understanding Hydration in React applications(SSR)

Hydration is used only with server-side rendering (SSR ). ... render() and hydrate() functions are the modules for the react-dom package.