Видео

Does this presuppose a NextJS project? Like, you need Server Actions to use useActionState and Server Actions only work with NextJS (or maybe Tanstack), right?

Great video! I struggled with this issue for a while and couldn’t figure out why it wasn’t working. Could you suggest a way to store the access token and refresh token in a server component? Specifically, while the server component is rendering, the access token might expire and need to be refreshed and stored again after obtaining a new one. Currently, I’ve used ioredis, but it’s not supported in middleware, and I don’t think it’s ideal for this use case. Is there a better solution that works with the Edge Runtime and allows setting cookies directly from the server component? Thanks again, Ryan!

Thank you 👌

Honestly idk why this channel hasn't blown up yet. The way you teach is just remarkable, it's not just about how to implement the feature but how it works under the hood. At least for me, that's the way i really grasp on things, by understanding how they're working under the hood, even if it's a high level explanaition, we have the docs to grind on the nitty gritty details in case we need to (in specific use-cases) anyway. Btw, also the useOptimistic hook it's so misunderstood, i've only seen Sam Selikoff use it the right way in one of his talks. The rest of the RUclipsrs or Tech Influencers don't really get it they just make content lol would be great if you ever talk and deep dive about useOptimistic :) Content of quality like this is much needed and appreciated! Thank you, and Sam.

Great explanation ++++++++++ 🙂

All good ! but I have one doubt if I need to set the cookie not after the app initialisation(middleware) but rather after a function(server action) works, for example user authentication setting tokens , traditionally the cookies has to be set after the storage of user details in the database, So uh how to implement this particular method, any solutions

Why can't you send cookies on the initial page serve? Since you are sure that no additional streaming is happening for the initial HTML?

thanks

Awsome

Thank you for this video❤

Your teaching style clicks so much for me, even though these are more complicated topics. It is calm, organized (with a clear, step-by-step path) and you're answering questions while they pop in my head. Thank you!

HI Ryan awesome video makes sense thanks for taking the time to create this. Would love to see the extra video to add the photo 🙂 could you possibly include how you can integrate RHF to this?

Thank you! We need more videos Ryan!

Please not only do the photo example but talk more about transitions. Like I said before, you and Sam are the best, thankfully I bought lifetime subscription to buildui.

I've always been interested with Transitions. The sad part is, react official docs have docs on useTransition etc. but not one page defines what are transitions and what all APIs support them.

thank you Ryan, and yes we want more :)

Hi, how can i revalidate a react cache function

The best 🔥. Need more

36 minute video, would love to see more long form content from you

Awesome insight. This just saved me a huge stress of tinkering around.

Thank you

Great 🔥

Ryan please help me i am submitting a form with server action i am setting cookies from middleware.ts they were setting correctly but i don't know why my client components get resets with default value and when submit my form again it works normally

This video helped me a ton

Very nice video, works, but i have a different problem i am facing, i have a dashboard, data are updated every 5 minute by a backend microservice, when this background process on the server finishes, it does call revalidate using webhook on the nextjs app. my problem is I am calling router.refresh() (lets say every minute), the pages does not refresh, its still using stale version,, and I am hopeless, i tried so many approches, obviusly, your works, but it triggers re-render server componnets by every user connected. thanks

Thank you Ryan, I really appreciate the calm and clear manner with which you teach! I am newer to Zod and I decided instead of fumbling with the API, I'd find some videos to help me understand it from first principles. This definitely helped!

Damn. Thanks for this video. I have been trying to wrap my head around almost the exact same problem for days now. This pattern opens up a lot of new opportunities. I am actually pumped now 😀 Didn't see your channel before, but just left a sub. This one was dope. Thanks man, keep it up 👌

FYI you don't even need javascript, you can use webcomponents/slots to achieve the same thing. No client side JS needed.

Very interesting. It is done through long lived http connection or websockets behind the scenes?

Very good video thank you!

But middleware is invoked for everyone request made from browser. Do we want to cookie-setting-logic to run on every request?

Gonna see if this can work for videos

That is such an awful reason why I cannot set cookies in the page server component. Why can I not set it before calling any Suspense? This solves the issue. And only if you using Suspense then I cannot set any cookies

A very great video. One issue I have faced and wish to understand, what about setting the expiry time for that cookie, lets say a userToke, which is essential so when it expires it can be cleared. Hope the question makes sense. Hoping to hear from you soon

How to get cookies from browser in server component/server actions so we can send the cookies with request to backend API request. Please 🙏 reply I'm not able to find any solution

Really nice, didn't know that and really useful.

This was very enlightening. Another place to set cookies is in route handlers!

You can use my RSC philosophy whenever you have mutable data to handle you should have client components otherwise for immutable data you should use server components

What to do in a case when the user clicks on a route "/throws-sometimes" that's included in navbar? Can the error be reset via clicking on a link to the route within navbar? e.g. <Link href="/throws-sometimes">Throws sometimes</Link>

Can it work with aaync functions

You voice. Masallah ❤

bruh godly content

Awesome! But, why is this cache function in the React package, and not some Next package, especially if "vanilla" react doesn't even use it?

Nice . Thank You! I'm using it in a list-feed and I wanted to maintain the scroll position, so I've added `scroll={false}` prop to the Link component and also`router.push("/", undefined, {scroll: false});` on modal close.

You forget to say that Middleware slow down app because it rerender every time when you change a route. I am trying to set cookie without midlware but can't find solution

hello Ryan, how can I use the cache function, I don't know how to get it from the React Canary. Great video by the way that's why I want to use it in my project.

but then, how do i set a cookie from my api ? like i would like to update the session ID of the user of my website, and i can't seem to find how to save a cookie on their browser with the session id from the api request... because : cookies().set( bla bla bla ) will just set the cookie for the response but then it gets lost

What would happen if wrap a transition in a transition? The outer transition holds a state for the inner transition or are they batched together or “unwrapped” like it was a promise passed to a promise constructor? lol idk if that makes sense

Best explaination on earth. Thanks

Ryan, this is a game changer explination. So glad I found this channel. So well broken down