正在加载视频...

视频加载失败

Announcing @builder.io/react-hydration-overlay! Say goodbye to cryptic React hydration mismatch errors, and hello to rich visual diffs.

100,011 次观看 • 2 年前 •via X (Twitter)

37 条评论

sami 🏃🏽‍♂️👹 的头像
sami 🏃🏽‍♂️👹2 年前

Read all about it here

sami 🏃🏽‍♂️👹 的头像
sami 🏃🏽‍♂️👹2 年前

Big thanks to @imabhiprasad for showing me the script injection method used by Sentry SDK to guarantee that code executes early enough (before hydration)

Steve (Builder.io) 的头像
Steve (Builder.io)2 年前

@Builder @builder.io vs @builderio strikes again

Khalid Zoabi 的头像
Khalid Zoabi2 年前

@Builder This should be built in! @reactjs @nextjs @vercel

Antonio Carlos Filho - trapiche.cloud 的头像
Antonio Carlos Filho - trapiche.cloud2 年前

@Builder Does it work with app directory?

sami 🏃🏽‍♂️👹 的头像
sami 🏃🏽‍♂️👹2 年前

@Builder Yes

Huy Trinh 的头像
Huy Trinh2 年前

@Steve8708 @Builder Does it work with Remix yet?

sami 🏃🏽‍♂️👹 的头像
sami 🏃🏽‍♂️👹2 年前

@Steve8708 @Builder No but should be straightforward to add support. Needs a small vite plugin! PRs welcome of course

Erik Rasmussen 👨‍💻🇺🇸🇪🇸 的头像
Erik Rasmussen 👨‍💻🇺🇸🇪🇸2 年前

@Builder That is too cool!!!

AleqsBrujo 的头像
AleqsBrujo2 年前

@Builder Thank you Sir!!

Yoav Ganbar 的头像
Yoav Ganbar2 年前

@Builder Sami nerd snipped himself into this 😂

Kevin Coyle 的头像
Kevin Coyle2 年前

@Builder I owe you a beer for this. Thank you 🙏

Davey (old account) 的头像
Davey (old account)2 年前

@Builder Thank you!!!

Ali Jaafari 的头像
Ali Jaafari2 年前

@Builder Amazing share

Hùng 的头像
Hùng2 年前

@Builder amazing 😱

Nicholas 的头像
Nicholas2 年前

@Builder Need this for @nuxt_js , hydration errors are so criptic for beginners

Ev Haus 的头像
Ev Haus2 年前

@Builder Nice one! Although... I really wish I could render things based on `localStorage` state on the client without having to deal with this hydration problem to begin with! A big downside to SSR.

Duncan 的头像
Duncan2 年前

@Builder @CozyBrian_

Victor 的头像
Victor2 年前

@Builder You're a hero! haha

EM. 的头像
EM.2 年前

@Builder Man you really came through 🙏

MAV | AI Systems 的头像
MAV | AI Systems2 年前

@Builder i was playing with builder last week and got this exact issue , project was simple so i could point the issue , but in more complex projects i can see this become very useful , well done !

Jean 的头像
Jean2 年前

@Builder This has been such a pain. Thank you for taking the time to build this !

Łukasz Wolnik 的头像
Łukasz Wolnik2 年前

@Builder

Hedgeson 的头像
Hedgeson2 年前

@Builder Nice work! This solves one of the most difficult to debug problems. Vite support would be amazing.

Ryan Miller 的头像
Ryan Miller2 年前

@Builder You are doing the lord’s work 🙏

¯\_(ツ)_/¯ 的头像
¯\_(ツ)_/¯2 年前

@Builder Tbh, this should be defaulted from the next JS team. No wonder they're not prioritizing this developer experience issue

Tim Lai 的头像
Tim Lai2 年前

@Builder This's amazing.

Jake from 的头像
Jake from2 年前

@Builder how tf is this not a tool built into frameworks like Next.js

John Forsyth 的头像
John Forsyth2 年前

@Builder Nice!!

nvidia-smi(le) - e/idc 的头像
nvidia-smi(le) - e/idc2 年前

@Builder Huge

Andrew Lisowski (@hipstersmoothie.com on 🦋) 的头像
Andrew Lisowski (@hipstersmoothie.com on 🦋)2 年前

@Builder That’s pretty cool

vaish 的头像
vaish2 年前

@Builder @t3dotgg new video? 👀

pskt45 的头像
pskt452 年前

@Builder installed & tested on app router. Unfortunately, didn't work

sami 🏃🏽‍♂️👹 的头像
sami 🏃🏽‍♂️👹2 年前

@pushkarsingh32 @Builder There's a working test for app router in the repo: If you are seeing something else, please file an issue in the repo.

Long 的头像
Long2 年前

@Builder It can save my day

Ian 的头像
Ian2 年前

@Builder Legend. This changes the day to day for so many Next devs. Thanks for the contribution!

Januario 的头像
Januario2 年前

@Builder Having vercel vibes from you guys, the talent is 📈

相关视频