Next.js 14 Tutorial - 60 - Client Component Placement
HTML-код
- Опубликовано: 15 апр 2024
- ✨ Code snippets - pieces.app/
📘 Frontend Interview Course - learn.codevolution.dev/
💖 Support UPI - support.codevolution.dev/
💖 Support Paypal - www.paypal.me/Codevolution
💾 Github - github.com/gopinav
📱 Follow Codevolution
+ Twitter - / codevolutionweb
+ Facebook - / codevolutionweb
📫 Business - codevolution.business@gmail.com
Next.js 14
Next.js Tutorial
Next.js 14 Tutorial
Next.js Tutorial for Beginners
Client Component Placement
Congratulations on hitting 60 in this series🔥🔥🔥
Loving this series
Loving this series sir. Learnt alot.
Although I thoroughly studied the Next.js documentation, this series offered me a crucial insight into effectively managing client components and server components.
Thanks for a creating helpful series 💯❤
Fantastic! 🎉
Excellent!!!!
Short, to the point and excellently explained, bravo!
That weirdly blinking cursor though... takes serious willpower to stop staring at it :D
@@vaviloffx Why you told my about it I can't stop looking at it
@@juststudying1019 Exactly
GoodJob!
Weldone codevolution
What happen when the search value or results is needed in the landing page for display, in that case do you have to make the landing page a use client component ?
Thank you for the video. But I have questions. I have a select and I need to pass the result of selecting to the server component to send requests based on these values. How can I do it?
great
Hi sir when you start expressJs course
Then why does context provider does not turn whole application into client components as per your 58 video?
sir when will this series complete?
Grazie.
Thank you for the support!
but when added context provider in layout which was a client component , its children remained server components, why is navbar any different?
Since Client Components are rendered after Server Components, importing a Server Component into a Client Component module is not possible because it would necessitate an additional request back to the server. Instead, Server Components can be passed as props to Client Components. This approach is evident in our context provider. In ThemeProvider.tsx, we do not directly import any Server Component. Instead, we accept a children prop, which may be a Server Component or another type of component. The crucial distinction is that Server Components cannot be imported into Client Components. React handles this by first rendering Server Components on the server, generating an RSC (React Server Component) payload that includes references to Client Component locations. Then, on the client side, React uses this RSC payload to reconcile and integrate both Server and Client Components into a cohesive component tree.
How many sessions are left in this course??
100 videos Playlist re
Hi sir when you start express js course