Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

New Recipe: "Sharing data with Client Components" Learn how to use promises to unblock your page so it can be rendered (or even prerendered) as early as possible. Hope you enjoy!

Sam Selikoff

33,482 subscribers

18,841 Aufrufe • vor 10 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

13 Kommentare

Profilbild von Bakemono (Fra) 👹

Bakemono (Fra) 👹vor 10 Monaten

🧑‍🍳

Profilbild von Muhammad Shahzad Ali

Muhammad Shahzad Alivor 10 Monaten

Great Sam, this pattern can be used for sharing page date to layouts as well cache from react

Profilbild von Robert Crocker

Robert Crockervor 10 Monaten

There we go! Hello Next Recipes 👋

Profilbild von Jason Rai

Jason Raivor 10 Monaten

This is the best way I’ve seen this explained so far. Nice job.

Profilbild von Jesper

Jespervor 10 Monaten

@aurorascharff Love the direction with Cache Components and "use cache". But enabling it wraps all routes in <Activity>, meaning routes no longer unmount. We have hundreds of forms and route-level state that rely on unmounting to reset, which is a blocker. Please let us opt out og this!

Profilbild von Mehdi

Mehdivor 10 Monaten

Looks great ! Thanks for the explainer

Profilbild von Jake Klinehamer

Jake Klinehamervor 10 Monaten

How does this work with pre-fetching? If I have a <Link preload={true}> to another page, and that page's tree has a client component wrapped in <Suspense> that calls the hook from your example, does NextJS know to pre-fetch the same way it would if I called getCurrentUser() from a server component?

Profilbild von Sam Selikoff

Sam Selikoffvor 10 Monaten

Yep, since it’s still the server component providing the data during render 👍

Profilbild von Tobi Mey (YouTube)

Tobi Mey (YouTube)vor 10 Monaten

great article thanks!

Profilbild von Terry Carson

Terry Carsonvor 10 Monaten

Thanks

Profilbild von JA

JAvor 10 Monaten

Nextjs is still alive?

Profilbild von juan ferreras

juan ferrerasvor 9 Monaten

It wasn't obvious to me that this recipe would be compatible with cacheComponents. Pretty cool that it seems to be

Profilbild von Sam Selikoff

Sam Selikoffvor 9 Monaten

Absolutely is!

Ähnliche Videos

Your API keys might not be as safe as you think. If you are storing them in your client-side code, they can be extracted even with clever hiding tricks. Learn how to properly secure your sensitive data →

Your API keys might not be as safe as you think. If you are storing them in your client-side code, they can be extracted even with clever hiding tricks. Learn how to properly secure your sensitive data →

Chrome for Developers

13,337 Aufrufe • vor 10 Monaten

Two ways to handle a blocking component in Next.js: • Cache: so it can be prerendered with the rest of the page. • Stream: so the rest of the page doesn't have to wait for it.

Two ways to handle a blocking component in Next.js: • Cache: so it can be prerendered with the rest of the page. • Stream: so the rest of the page doesn't have to wait for it.

Next.js

62,201 Aufrufe • vor 9 Monaten

Want to turn your data into a dashboard your whole team can use? Tell Qoder what you need. Qoder Sites helps you publish it as a website, share it with your team, and refresh it with new data—all through chat. Same link, updated dashboard. Open Qoder and try it with your own data.

Want to turn your data into a dashboard your whole team can use? Tell Qoder what you need. Qoder Sites helps you publish it as a website, share it with your team, and refresh it with new data—all through chat. Same link, updated dashboard. Open Qoder and try it with your own data.

Qoder

1,074,508 Aufrufe • vor 9 Tagen

A lot of people asked me for the sources of the Three.js Conf Paris badge, so here they are : It's a very DIY project and far from perfect, but that's also what makes it approachable: everything can be rebuilt with a soldering iron, a 3D printer and a few cheap components. I tried to document it as clearly as possible, so you can either build it as is or use it as a starting point for something else. If anything is unclear, just write to me :)

A lot of people asked me for the sources of the Three.js Conf Paris badge, so here they are : It's a very DIY project and far from perfect, but that's also what makes it approachable: everything can be rebuilt with a soldering iron, a 3D printer and a few cheap components. I tried to document it as clearly as possible, so you can either build it as is or use it as a starting point for something else. If anything is unclear, just write to me :)

Romain Briaux

11,526 Aufrufe • vor 1 Monat

New configurator, fully built on data binding in Rive - set any values (even from external data), calculate the final price, and test image binding (early access) Currently exploring ways to export all configured data, so it can be integrated wherever you need to receive or store it. Built this with Uliana Kalashnikova, supported the data binding side. Try it:

New configurator, fully built on data binding in Rive - set any values (even from external data), calculate the final price, and test image binding (early access) Currently exploring ways to export all configured data, so it can be integrated wherever you need to receive or store it. Built this with Uliana Kalashnikova, supported the data binding side. Try it:

Daria Nevezhyna

65,172 Aufrufe • vor 1 Jahr

Just a reminder, when you go to a hospital because your sick, it’s the not nurses job to cure or diagnose you, it’s their job to make sure they run as many test as possible so they can make your bill as high as possible. The sicker they make you out to be the more test they can run and the more than can bill you and your insurance company.

Just a reminder, when you go to a hospital because your sick, it’s the not nurses job to cure or diagnose you, it’s their job to make sure they run as many test as possible so they can make your bill as high as possible. The sicker they make you out to be the more test they can run and the more than can bill you and your insurance company.

RyanMatta 🇺🇸 🦅

26,612 Aufrufe • vor 5 Monaten

We just added Origin UI to MagicPath, so now you can build with these beautiful components. Also, here's how easy it is to use them.

We just added Origin UI to MagicPath, so now you can build with these beautiful components. Also, here's how easy it is to use them.

Pietro Schirano

18,715 Aufrufe • vor 1 Jahr

Ever wanted to play to your own music? Now you can 😏 Learn how to add your tracks in Dead as Disco. Ready for Early Access May 5th

Ever wanted to play to your own music? Now you can 😏 Learn how to add your tracks in Dead as Disco. Ready for Early Access May 5th

Dead as Disco

20,118 Aufrufe • vor 6 Monaten

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Joshua Guo

23,342 Aufrufe • vor 10 Monaten

❌ Don't import server components directly from client components ✅ Instead send them as props to client components

❌ Don't import server components directly from client components ✅ Instead send them as props to client components

George Moller

42,762 Aufrufe • vor 3 Jahren

You can attach your own files as custom instructions to GitHub Copilot. They don't need to be text, either! You can use code, such as SQL, or templates in any language you're working with.

You can attach your own files as custom instructions to GitHub Copilot. They don't need to be text, either! You can use code, such as SQL, or templates in any language you're working with.

Visual Studio Code

48,678 Aufrufe • vor 1 Jahr

Introducing the Goobers! a YCH where your OC can appear in 3D! You can use this model for your renders and animations You have full ownership and can edit it however you like! Any OC or species can be a goober. Here are some familiar faces to show you just how flexible this YCH is! As an extra, it’s also possible to set it up for use in VRChat or as a VTuber avatar! Let me know if you have any questions or you´re interested in one! 8 Slots open for this month!

Foxdee

76,903 Aufrufe • vor 21 Tagen

heres the how-to !! tried to make it as clear as possible heheh,, but if there’s still any questions feel free to ask, ill be happy to help as much as I can 🌻💗 ִ ࣪𖤐 in short: — screenshot your layout > use it as a guide > place your skzoo png > hide the guide > save.

heres the how-to !! tried to make it as clear as possible heheh,, but if there’s still any questions feel free to ask, ill be happy to help as much as I can 🌻💗 ִ ࣪𖤐 in short: — screenshot your layout > use it as a guide > place your skzoo png > hide the guide > save.

𝓑 — ౨ৎ‧₊˚

258,183 Aufrufe • vor 9 Monaten

The Gondry Exercise: start with a single image and see how far and wide you can take it creatively. The starting image can be anything you want, as boring or complex as you wish. Then use Gen-4 to prompt for any combination of actions or changes to the scene. See how far you can go, and you will get a good measure of how much you need to exercise your creative mind.

The Gondry Exercise: start with a single image and see how far and wide you can take it creatively. The starting image can be anything you want, as boring or complex as you wish. Then use Gen-4 to prompt for any combination of actions or changes to the scene. See how far you can go, and you will get a good measure of how much you need to exercise your creative mind.

Cristóbal Valenzuela

15,622 Aufrufe • vor 1 Jahr

"If you want to do things like me you have to learn how to be good at technology, study engineering, physics that kind of thing, understand how the World works and try to be as accurate as possible, try to be creative, you have to think until your head hurts." -Elon Musk

"If you want to do things like me you have to learn how to be good at technology, study engineering, physics that kind of thing, understand how the World works and try to be as accurate as possible, try to be creative, you have to think until your head hurts." -Elon Musk

SMX 🇺🇸

303,023 Aufrufe • vor 2 Jahren