Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Partial rendering in Next.js 13. "Only the route segments that change on navigation re-render on the client, and any shared segments are preserved"

Alex Sidorenko

35,379 subscribers

159,372 views • 3 years ago •via X (Twitter)

Science & Technology Education Arts

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Still working on the carts. In the meantime, here's classic road segments done as a ProceduralModel:

Still working on the carts. In the meantime, here's classic road segments done as a ProceduralModel:

Stravant

179,014 views • 4 months ago

We made a significant performance improvement to Instant Validation in the Next.js 16.3 preview. If you're currently using next@preview be sure to upgrade! See video for before/after. Note: "before" was only when using cache components on next@preview. If you're on any other version that navigation is like the "after" case.

We made a significant performance improvement to Instant Validation in the Next.js 16.3 preview. If you're currently using next@preview be sure to upgrade! See video for before/after. Note: "before" was only when using cache components on next@preview. If you're on any other version that navigation is like the "after" case.

Tim

20,937 views • 2 months ago

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.

React Server Components bring rendering flexibility to the component level in Next.js. Hear from Aurora Scharff at Next.js Conf to learn about: • Async components • Efficient data management • Optimizing load times and interactivity Join us in SF or stream online on Oct 24.

Next.js

16,259 views • 2 years ago

FB: The Rock were featured on multiple segments of SportsCenter this morning, including in the 2:00 drill, the best trick play from Saturday and the No. 4 play on the #SCtop10! Here’s a look at some of the clips 👇

FB: The Rock were featured on multiple segments of SportsCenter this morning, including in the 2:00 drill, the best trick play from Saturday and the No. 4 play on the #SCtop10! Here’s a look at some of the clips 👇

Rock Athletics

31,229 views • 1 year ago

I directed animation, choreo, and more on Subutai's latest Genshin video! Here's one of the segments I animated! Full Video: #HoYoFair #Genshinimpact #HoYoDetective #SavePaimon

I directed animation, choreo, and more on Subutai's latest Genshin video! Here's one of the segments I animated! Full Video: #HoYoFair #Genshinimpact #HoYoDetective #SavePaimon

TheDrakLad

12,675 views • 1 year ago

The only route to change on May 7 is a vote for Scottish Labour. #BBCDN

The only route to change on May 7 is a vote for Scottish Labour. #BBCDN

Anas Sarwar

21,864 views • 5 months ago

Sam Ghali, M.D. Flail chest "Flail chest is caused by 3 consecutive broken ribs in at least two segments. They are free floating. Notice the paradoxical chest movement - reduction on inhalation and expansion on exhalation. Danger below- usually involves underlying lung injury"

Sam Ghali, M.D. Flail chest "Flail chest is caused by 3 consecutive broken ribs in at least two segments. They are free floating. Notice the paradoxical chest movement - reduction on inhalation and expansion on exhalation. Danger below- usually involves underlying lung injury"

Lawal🦁🇦🇷

369,548 views • 2 years ago

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.

Here are the steps to create this animation: 1. Design and model your own mech in Plasticity. 2. Import the model into the animation software 3ds Max. 3. Create the animation on your own. 4. Render and export the monochrome model animation. 5. Make the final render for reference. 6. Use Seedance 2 to re-render your monochrome model animation according to the reference render you provided. Summary: In this workflow, Seedance 2 acts as a renderer that saves you hours of rendering time. All other work has to be done manually by yourself. Don’t blindly believe that AI can fully produce mech animations for you — it simply cannot do that.

LAS91214

47,667 views • 3 months ago

🚨BREAKING: The beta test of Blender Cycles on The Render Network is going great!! With $RENDER, a rendering job by Omid Pakbin took less than 10 minutes instead of 28 hours!! This is the largest #AI / #GPU integration ever seen in the crypto space. No one will ever come close to $RENDER and here's why ✍️ With Blender 🔶 Cycles integrated on the Render Network, millions of artists from the leading open source 3D ecosystem can harness near unlimited high performance decentralized GPU cloud rendering power on Render. The tasks performed by the millions of Blender users require heavy GPU demands. These tasks will result in many $RENDER tokens being burned, as the burning mechanism is tied 1:1 to the GPU usage of the The Render Network There is literally no #AI altcoin that has the partnerships or real utility that $RENDER provides. Forget "The next $RENDER". Once this integration goes fully live, the burning numbers of $RENDER will explode and you will see the biggest fomo ever seen in crypto.

🚨BREAKING: The beta test of Blender Cycles on The Render Network is going great!! With $RENDER, a rendering job by Omid Pakbin took less than 10 minutes instead of 28 hours!! This is the largest #AI / #GPU integration ever seen in the crypto space. No one will ever come close to $RENDER and here's why ✍️ With Blender 🔶 Cycles integrated on the Render Network, millions of artists from the leading open source 3D ecosystem can harness near unlimited high performance decentralized GPU cloud rendering power on Render. The tasks performed by the millions of Blender users require heavy GPU demands. These tasks will result in many $RENDER tokens being burned, as the burning mechanism is tied 1:1 to the GPU usage of the The Render Network There is literally no #AI altcoin that has the partnerships or real utility that $RENDER provides. Forget "The next $RENDER". Once this integration goes fully live, the burning numbers of $RENDER will explode and you will see the biggest fomo ever seen in crypto.

D0c Crypto ⭕️

15,672 views • 1 year ago

Whilst every news channel is doing segments on Bob Vylan. Bobby Vylan is using his platform to highlight what the IDF is doing in Gaza.

Whilst every news channel is doing segments on Bob Vylan. Bobby Vylan is using his platform to highlight what the IDF is doing in Gaza.

Mukhtar

1,035,985 views • 1 year ago

New package! PhoenixReplay — session recording and replay for Phoenix LiveView. → Records assigns server-side, replays by re-rendering the actual view — pixel-perfect, not a DOM approximation → Zero client-side JS — no bundle size impact, invisible to users → See actual server state during replay: changesets, Ecto structs, form data → Navigation, page transitions, live_patch — all captured in one session automatically → 30s session = 8 KB rrweb and friends record DOM mutations client-side: they fight CORS, break on shadow DOM, drift when assets change, and produce approximate replays with visual glitches. None of that applies here — LiveView templates are pure functions, so same assigns = same HTML. The BEAM just keeps the state. More coming soon.

New package! PhoenixReplay — session recording and replay for Phoenix LiveView. → Records assigns server-side, replays by re-rendering the actual view — pixel-perfect, not a DOM approximation → Zero client-side JS — no bundle size impact, invisible to users → See actual server state during replay: changesets, Ecto structs, form data → Navigation, page transitions, live_patch — all captured in one session automatically → 30s session = 8 KB rrweb and friends record DOM mutations client-side: they fight CORS, break on shadow DOM, drift when assets change, and produce approximate replays with visual glitches. None of that applies here — LiveView templates are pure functions, so same assigns = same HTML. The BEAM just keeps the state. More coming soon.

Danila Poyarkov

13,882 views • 6 months ago

I was clicking through Astryx from Meta's docs, and noticed it felt kind of slow to navigate. It's a docs site that should be fully static, but every route was rendering on the server on each request. We've been building a skill to migrate apps to Cache Components, so I wanted to see if it could help. I ran 𝚗𝚎𝚡𝚝-𝚌𝚊𝚌𝚑𝚎-𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜-𝚊𝚍𝚘𝚙𝚝𝚒𝚘𝚗, and Instant Insights showed the agent exactly what to cache. The skill completed the entire migration on its own, even though Astryx was still on Next.js 15. Now navigation is instant, up to 3x faster. Skill, PR, and performance details below ↓

I was clicking through Astryx from Meta's docs, and noticed it felt kind of slow to navigate. It's a docs site that should be fully static, but every route was rendering on the server on each request. We've been building a skill to migrate apps to Cache Components, so I wanted to see if it could help. I ran 𝚗𝚎𝚡𝚝-𝚌𝚊𝚌𝚑𝚎-𝚌𝚘𝚖𝚙𝚘𝚗𝚎𝚗𝚝𝚜-𝚊𝚍𝚘𝚙𝚝𝚒𝚘𝚗, and Instant Insights showed the agent exactly what to cache. The skill completed the entire migration on its own, even though Astryx was still on Next.js 15. Now navigation is instant, up to 3x faster. Skill, PR, and performance details below ↓

Aurora Scharff

11,977 views • 2 months ago

🦇A surprise guest flew into one of my weather segments last night! An actual bat swooped right at me and in front of the camera while I was doing the weather! KRQE News 13 #NewsBloopers #LiveTV

🦇A surprise guest flew into one of my weather segments last night! An actual bat swooped right at me and in front of the camera while I was doing the weather! KRQE News 13 #NewsBloopers #LiveTV

Grant Tosterud

11,095 views • 1 year ago