正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

🚫 𝗔𝘃𝗼𝗶𝗱 Using a full context value in every component can trigger unnecessary re-renders. ✅ 𝗜𝗻𝘀𝘁𝗲𝗮𝗱 Use 𝘤𝘰𝘯𝘵𝘦𝘹𝘵 𝘴𝘦𝘭𝘦𝘤𝘵𝘰𝘳𝘴 to pull only the data you need. This reduces re-renders and improves performance.

George Moller

119,062 subscribers

52,973 次观看 • 1 年前 •via X (Twitter)

科学技术新闻政治教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

I made a new Lit demo that shows how updates propagate down a tree. When a parent re-renders, only the children with changed data re-render. Often only a small subset of a large tree has to update.

I made a new Lit demo that shows how updates propagate down a tree. When a parent re-renders, only the children with changed data re-render. Often only a small subset of a large tree has to update.

Justin Fagnani

10,604 次观看 • 1 年前

hey pinterest, we need to talk. your React site re-renders ×1000 every time i scroll (turn sound on 🔊)

hey pinterest, we need to talk. your React site re-renders ×1000 every time i scroll (turn sound on 🔊)

Aiden Bai

815,393 次观看 • 1 年前

Wait, it was always re-renders? *Astronaut with a gun*: Always has been.

Wait, it was always re-renders? Astronaut with a gun: Always has been.

Krzysztof Magiera

37,234 次观看 • 1 年前

⚛️ I don't worry too much about re-renders in React. (unless I see performance issues) However, I do care about understanding how the rendering process works. ↓

⚛️ I don't worry too much about re-renders in React. (unless I see performance issues) However, I do care about understanding how the rendering process works. ↓

George Moller

38,567 次观看 • 2 年前

Now that TanStack Table V9 is built on top of TanStack Store, it allows you to fine-tune re-renders with subscriptions to state slices or individual atoms. This might be a huge deal performance-wise for certain situations in React or Preact.

Now that TanStack Table V9 is built on top of TanStack Store, it allows you to fine-tune re-renders with subscriptions to state slices or individual atoms. This might be a huge deal performance-wise for certain situations in React or Preact.

Kevin Thomas Van Cott

43,071 次观看 • 1 个月前

a react component which — takes any SVG string — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polar

a react component which — takes any SVG string — serializes & parses the SVG data — renders a fully interactive editor — control handles, point dragging & selection built in Polar

emil

42,547 次观看 • 1 个月前

This is amazing. iOS 26 renders Liquid Glass UI in HDR! Taps on bottom nav bars trigger specular highlights, peaking at around 350 nits. Screenshots and recordings can capture the additional luminance data in PQ EOTF with HDR10

This is amazing. iOS 26 renders Liquid Glass UI in HDR! Taps on bottom nav bars trigger specular highlights, peaking at around 350 nits. Screenshots and recordings can capture the additional luminance data in PQ EOTF with HDR10

Kaustubh Debnath

254,757 次观看 • 8 个月前

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.

"Can I pass a zod schema from a server to a client component as a prop?" Nope, zod schema is not serializable. But you can re-import it in the client component.

Alex Sidorenko

35,064 次观看 • 1 年前

When the parent state changes, React recursively re-renders all children, but there is a nuance. Writing an article about it.

When the parent state changes, React recursively re-renders all children, but there is a nuance. Writing an article about it.

Alex Sidorenko

523,316 次观看 • 3 年前

this Hermes bot finds stale commercial lease listings, renders 12 AI walkthroughs of the empty space as different tenants, and emails the listing broker...on autopilot. here's how commercial brokers can close $15k+ commissions with this system: - scrapes every lease listing in real time - filters by days-on-market + suite sqft + zoning fit - pulls the permitted-use list straight from the city zoning code - renders 12 AI walkthroughs of the empty suite as different tenants - calculates broker commission + expected 5-year lease value - drops a personalized email with the walkthroughs every step from sourcing to creative generation to outreach is automated. reply "AI" and i'll send you the full guide so you can build this too

this Hermes bot finds stale commercial lease listings, renders 12 AI walkthroughs of the empty space as different tenants, and emails the listing broker...on autopilot. here's how commercial brokers can close $15k+ commissions with this system: - scrapes every lease listing in real time - filters by days-on-market + suite sqft + zoning fit - pulls the permitted-use list straight from the city zoning code - renders 12 AI walkthroughs of the empty suite as different tenants - calculates broker commission + expected 5-year lease value - drops a personalized email with the walkthroughs every step from sourcing to creative generation to outreach is automated. reply "AI" and i'll send you the full guide so you can build this too

Chris

39,148 次观看 • 1 个月前

After months of development, I want to share a small sneak peek of Unistyles 3.0 with you. 😇 No re-renders, no hooks, just pure native styling 🦄

After months of development, I want to share a small sneak peek of Unistyles 3.0 with you. 😇 No re-renders, no hooks, just pure native styling 🦄

Jacek

25,045 次观看 • 1 年前

Showing raw renders at the top, comp, and clay. Full breakdown you can find here - #cgi #breakdown #3danimation

Showing raw renders at the top, comp, and clay. Full breakdown you can find here - #cgi #breakdown #3danimation

Piotr Tatar

30,736 次观看 • 2 年前

In React, how would you fix the performance of this black bar animation that's dropping frames when the new page renders?

In React, how would you fix the performance of this black bar animation that's dropping frames when the new page renders?

Ryan Florence

456,215 次观看 • 2 年前

Nuke isn’t just for finishing shots, it’s in fact extremely useful for overall Look-dev. You can push renders way further without constantly re-rendering. Testing lighting, color, and atmosphere becomes fast and flexible, letting you focus on creativity instead of waiting on heavy scene updates. All renders, particles, volumes, destruction passes can be fine-tuned, layered, and balanced directly in comp. This means faster iterations, and more granular control over the final shot. Nuke and compositing is not just the last step in production, I really believe it's part of the whole process.

Nuke isn’t just for finishing shots, it’s in fact extremely useful for overall Look-dev. You can push renders way further without constantly re-rendering. Testing lighting, color, and atmosphere becomes fast and flexible, letting you focus on creativity instead of waiting on heavy scene updates. All renders, particles, volumes, destruction passes can be fine-tuned, layered, and balanced directly in comp. This means faster iterations, and more granular control over the final shot. Nuke and compositing is not just the last step in production, I really believe it's part of the whole process.

Voxyde

32,891 次观看 • 9 个月前

Uniwind Pro is now publicly available 🥳 After 4 weeks of beta, RC.1 is here. - Battle-tested by dozens of teams - Waitlist is gone - Every early adopter gets their license extended to March 2027 Zero re-renders. Let's push performance to the limit 🚀

Uniwind Pro is now publicly available 🥳 After 4 weeks of beta, RC.1 is here. - Battle-tested by dozens of teams - Waitlist is gone - Every early adopter gets their license extended to March 2027 Zero re-renders. Let's push performance to the limit 🚀

Jacek

10,430 次观看 • 3 个月前

Wembley 2026 pitch loading in. Established in September 2025, this pitch was built and held in a winter dormancy at the turf farm. Once into Wembley it’s time for some nutrient, lights and growth to re commence. You could play on this tomorrow, but it’s a busy season ahead. So as much strength we can build on and re-trigger, the better performance and recovery for each event. Huge team effort as always.

Wembley 2026 pitch loading in. Established in September 2025, this pitch was built and held in a winter dormancy at the turf farm. Once into Wembley it’s time for some nutrient, lights and growth to re commence. You could play on this tomorrow, but it’s a busy season ahead. So as much strength we can build on and re-trigger, the better performance and recovery for each event. Huge team effort as always.

Karl Standley

43,457 次观看 • 4 个月前

I built a GPT that auto-generates premium product renders. No prompt. No setup. Just drop your product. It renders. Wanna test it for free? 👉 Like + RT + comment "MALEYRAN" — I’ll send you access. ⚠️ Need to Follow so I can DM it to you

I built a GPT that auto-generates premium product renders. No prompt. No setup. Just drop your product. It renders. Wanna test it for free? 👉 Like + RT + comment "MALEYRAN" — I’ll send you access. ⚠️ Need to Follow so I can DM it to you

Maleyran

23,016 次观看 • 1 年前

⚛️ In React, rendering large lists or tables can be a drag on performance. The fix? Virtualization! the process of only rendering part of that large data set (just enough to fill the viewport). ✅ Improves rendering time significantly. ✅ Lowers memory consumption.

⚛️ In React, rendering large lists or tables can be a drag on performance. The fix? Virtualization! the process of only rendering part of that large data set (just enough to fill the viewport). ✅ Improves rendering time significantly. ✅ Lowers memory consumption.

George Moller

55,288 次观看 • 1 年前

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!

Addy Osmani

686,913 次观看 • 7 个月前

Introducing React Scan v0.1: A drop-in <script> to scan your React app for slow performance and renders 5 min to setup. Try it out!

Introducing React Scan v0.1: A drop-in <script> to scan your React app for slow performance and renders 5 min to setup. Try it out!

Aiden Bai

89,474 次观看 • 1 年前