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.

Use hydrate() instead of render()

See original GitHub issue

As of React 16 a new method is available for hydrating server side rendered HTML on the client side, .hydrate().

How should we address this with hypernova-react? Do we create a separate branch to implement new features from React 16 and up? or do we merge to the current master with backward compatibility?

Issue Analytics

State:
Created 6 years ago
Comments:7

Top GitHub Comments

1reaction

wingleungcommented, Oct 10, 2017

@ljharb @goatslacker made it a semver minor change so it’s backward compatible. Also reverted the package version, let you guys handle the version bump. https://github.com/damianleung/hypernova-react/pull/1/commits/70f466cda4ed5c5664221fc04840df85d7c13b4e

0reactions

ljharbcommented, Nov 22, 2017

Closed in #30.

Top Results From Across the Web

What's the difference between hydrate() and render() in React ...

ReactDOM.hydrate() is same as render() , but it is used to hydrate(attach event listeners) a container whose HTML contents were rendered by ...

Difference Between Hydration and Rendering in React

Hydrate() This function is similar to render(), but it's used to hydrate a container whose HTML content is made by ReactDOMServer. The hydrate(...

hydrate - React Docs

Hydrating server-rendered HTML ... In React, “hydration” is how React “attaches” to existing HTML that was already rendered by React in a server...

Hydrate instead of render - Full-Stack React Projects [Book]

The hydrate function hydrates a container that already has HTML content rendered by ReactDOMServer . This means the server-rendered markup is preserved and...

A Quick Overview on React DOM Render and Hydrate. - Medium

So hydrate() is used when we want to render our React Application on server side and hydrate the JavaScript bundle on the client...