New hydration errors mismatch messages

Artur Slomowski — Fri, 12 Apr 2024 08:40:05 +0000

Hi,

This morning I found very wonderful tweet on the X platform

https://twitter.com/sebastienlorber/status/1778034701682233449/photo/1

Also found this PR:
https://github.com/reactjs/react.dev/pull/6742/files

And inside of this, I found this piece of documentation
https://github.dev/rickhanlonii/react.dev/blob/db2dc7f9875f00688cd6ffc511abf5849c21952a/src/content/reference/react-dom/client/hydrateRoot.md#L507

Does anyone know when is gonna be released into react?
I cannot find any react development roadmap, but I very looking forward for this feature.

React hydration mismatch errors cause lots of troubles these days and they are very hard to debug

RenderToNodeStream and http status codes

Artur Slomowski — Wed, 14 Jul 2021 09:14:31 +0000

Hi,

I would like to implement streaming rendering to our app.
However, as far I know it is not possible to change http status code during rendering and streaming.

It means if I start streaming, it sends 200 to the browser, and even if during rendering something will happen, we cannot change status to 500 or 404.

How are people dealing with this in the case of streaming rendering?
Streaming rendering is highly recommended by the google team for improving core web vitals, but on the other hand, it's not SEO friendly at all.

Here is example code:

res.write(htmlHeader);

const renderingStream = renderToNodeStream(<App />);

renderingStream.pipe(res);

renderingStream.on('end', () => {
 res.end();
});

// I am tracking error a bit differently, it is just example
renderingStream.on('error', () => {
  res.status(500);
});

DEV Community: Artur Slomowski

New hydration errors mismatch messages

RenderToNodeStream and http status codes