4 posts
React hydration error #418 in the portfolio footer, a mystery that only happened at night: the server renders in UTC, the visitor in local time, and a new Date() in JSX gave each of them a different answer. The hunt for the useState(null), the pinned timeZone, and the epilogue where I myself created a second bug while fixing the first.
Erro #418 do React no rodapé do portfólio, um mistério que só acontecia à noite: o servidor renderiza em UTC, o visitante em fuso local, e o new Date() no JSX devolvia respostas diferentes pra cada um. A caçada até o useState(null), o timeZone pinado, e o epílogo em que eu mesmo criei um segundo bug arrumando o primeiro.
The portfolio hero typed, erased, and retyped — not as an effect, but as a bug: deferred hydration mounted the component and reset the text already on screen. The story of how LCP dropped from 3.6s to 2.7s by removing idle-hydration from the wrong place.
O hero do portfólio digitava, apagava e redigitava — não por efeito, mas por bug: a hidratação adiada montava o componente e zerava o texto que já estava na tela. A história de como o LCP de 3.6s caiu pra 2.7s removendo a hidratação ociosa do lugar errado.