erikras / erikras/react-redux-universal-hot-example

Server-side rendering question.

Open
#769 17 comments 0 reactions 0 assignees View on GitHub
question
Dominant language
JavaScript
Stars
12.1k
Forks
2.5k
PR merge metrics
No merged PRs in 30d

Description

I am trying to understand how, in the demo, modifying containers or components (HMR) after the server-side rendering doesn't fire this error.

> React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:

I noticed _something_ is managing the differences between the initial server-side rendering and any hot-updates there after, even after page refresh.

![screen shot 2016-01-04 at 8 17 29 pm](https://cloud.githubusercontent.com/assets/549319/12107454/37ffd4fc-b320-11e5-8240-44c0b9a0ac65.png)

![screen shot 2016-01-04 at 8 17 09 pm](https://cloud.githubusercontent.com/assets/549319/12107455/380048ec-b320-11e5-9116-8b7fb79fe497.png)

Any insight or direction would be much appreciated.

(Not sure if it has anything to do with Babel version, I am trying to piece together version 6)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.