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

Комментарии • 25

  • @ronitgurjar5747
    @ronitgurjar5747 2 месяца назад +5

    Congratulations on hitting 60 in this series🔥🔥🔥

  • @user-hq8sr9yx4c
    @user-hq8sr9yx4c 2 месяца назад +1

    Loving this series

  • @ahmadnku8336
    @ahmadnku8336 2 месяца назад +1

    Loving this series sir. Learnt alot.

  • @coding-with-confidence
    @coding-with-confidence 2 месяца назад

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

  • @LuigiMassa
    @LuigiMassa 2 месяца назад

    Fantastic! 🎉

  • @aburaihan-py4vi
    @aburaihan-py4vi 2 месяца назад

    Excellent!!!!

  • @vaviloffx
    @vaviloffx 2 месяца назад

    Short, to the point and excellently explained, bravo!

    • @vaviloffx
      @vaviloffx 2 месяца назад

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

    • @juststudying1019
      @juststudying1019 2 месяца назад +1

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

    • @vaviloffx
      @vaviloffx 2 месяца назад

      @@juststudying1019 Exactly

  • @chesterxp508
    @chesterxp508 2 дня назад

    GoodJob!

  • @emmalux2
    @emmalux2 2 месяца назад

    Weldone codevolution

  • @ernestamoah9664
    @ernestamoah9664 2 месяца назад +1

    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
    @aleksandrkobelev8868 2 месяца назад

    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?

  • @dinaludagedara5203
    @dinaludagedara5203 Месяц назад

    great

  • @VigneshJeevarathinam
    @VigneshJeevarathinam 2 месяца назад +1

    Hi sir when you start expressJs course

  • @KamalSingh-zo1ol
    @KamalSingh-zo1ol 2 месяца назад

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

  • @ahmadnku8336
    @ahmadnku8336 2 месяца назад

    sir when will this series complete?

  • @LuigiMassa
    @LuigiMassa 2 месяца назад

    Grazie.

  • @akaghzi
    @akaghzi 24 дня назад

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

    • @chinemelumchuba-nwene1503
      @chinemelumchuba-nwene1503 7 дней назад

      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.

  • @Mottzart1998
    @Mottzart1998 2 месяца назад +2

    How many sessions are left in this course??

  • @VigneshJeevarathinam
    @VigneshJeevarathinam 2 месяца назад

    Hi sir when you start express js course