Next.js 14 Tutorial - 60 - Client Component Placement

[@ronitgurjar5747]

Congratulations on hitting 60 in this series🔥🔥🔥

[@nasirkhatri2782]

Sometimes i wonder why this channel could not hit 1 million subscriber mark! Truly an underrated channel probably. Anyhow I have learnt a lot and still learning

[@natcurti]

Each video is better than the last, i am learning so much. Fantastic series.

[@jasono873]

Me too. Incredible! How is your learning process going? Are you down if we journey together and be accountable in Next js?

[@ariassingh462]

@@jasono873 Bro...

[@coding-with-confidence]

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 💯❤

[@vaviloffx]

Short, to the point and excellently explained, bravo!

[@vaviloffx]

That weirdly blinking cursor though... takes serious willpower to stop staring at it :D

[@juststudying1019]

@@vaviloffx Why you told my about it I can't stop looking at it

[@vaviloffx]

@@juststudying1019 Exactly

[@ahmadnku8336]

Loving this series sir. Learnt alot.

[@user-hq8sr9yx4c]

Loving this series

[@LuigiMassa]

Grazie.

[@Codevolution]

Thank you for the support!

[@nasirkhatri2782]

In video 58 we create a context which is client component and wrap the root with it? won't it make our entire application client components based?

[@AgnesArrom]

Yes.... I don't quite understand it if you want to use the context

[@developerfellow1484]

I think the key here is that the layout component itself wasn't a Client Component (CC), but a Server Component (SC). It happens that the layout component uses a CC and defines children for it, but that doesn't make the layout, nor the children of the used CC, another CC. So the important thing to understand is that anything rendered inside a CC, will behave as a CC.

[@developerfellow1484]

To add some clarity to the comment, if you would move the children of the CC used in the layout to the CC itself, then that would make it behave as a CC.

[@akaghzi]

but when added context provider in layout which was a client component , its children remained server components, why is navbar any different?

[@chinemelumchuba-nwene1503]

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.

[@testingaccount-x9b]

@@chinemelumchuba-nwene1503 Many thanks for this.

[@testingaccount-x9b]

Check the next video

[@alidarabian2240]

best next tutorial💯

[@LuigiMassa]

Fantastic! 🎉

[@ernestamoah9664]

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 ?

[@aleksandrkobelev8868]

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?

[@VigneshJeevarathinam]

Hi sir when you start expressJs course

[@Mottzart1998]

How many sessions are left in this course??

[@kranthikumar5215]

100 videos Playlist re

[@ahmadnku8336]

sir when will this series complete?

[@aburaihan-py4vi]

Excellent!!!!

[@KamalSingh-zo1ol]

Then why does context provider does not turn whole application into client components as per your 58 video?

[@emmalux2]

Weldone codevolution

[@chesterxp508]

GoodJob!

[@habibthephantom7040]

i have an question, when we used context provider and wrapped the body tag with the children prop with it. this didn't make the children client components ??? but here with this video the children of the client component is also client components

[@madhavjha844]

Did you find any answers?

[@madhavjha844]

And what if we create child component a server component

[@dinaludagedara5203]

great

[@VigneshJeevarathinam]

Hi sir when you start express js course