Eojin Han

YouTubeServer Components in Client Components?? (React / Next.js)

Server Components in Client Components?? (React / Next.js)

👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). 👉 Add authentication to your app FAST: https://bit.ly/3QOe1Bh 👉 NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs 👉 Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript 👉 Professional CSS Course: https://bytegrad.com/courses/professional-css 👉 Discord: all my courses have a private Discord where I actively participate 🔔 Email newsletter (BIG update soon): https://email.bytegrad.com ⏱️ Timestamps: 0:00 Intro 0:47 Client C. in Server C. 1:52 Server C. in Client C. 4:29 Context Provider Example #webdevelopment #programming #coding . . TOP resource to LEARN AI for Developers - https://datacamp.pxf.io/RGyxrR (paid sponsorship & ByteGrad Sp. z o.o. gets commission)

위 유튜브 영상을 보고 흥미로웠다.

Server Component를 어디서 import 할 지에 따라 next.js의 판단이 달라진다는 내용이다.

Server Component 일 지라도 CSR 하위에서 import 되었다면 CSR로 변환된다고 얘기한다.

Rendering: Client Components

Learn how to use Client Components to render parts of your application on the client.

Defining multiple use client entry points:
You can define multiple "use client" entry points in your React Component tree. This allows you to split your application into multiple client bundles.
However, "use client" doesn't need to be defined in every component that needs to be rendered on the client. Once you define the boundary, all child components and modules imported into it are considered part of the client bundle.

공식문서에서 Tip 란에 관련 내용이 있다.

한번 ‘use client’라는 바운더리를 세우면, 모든 자식 컴포넌트와 그 안에서 임포트 되는 모듈들이 client bundle의 일부로 간주된다는 내용이다.

CSR 내부의 Server Component는 어떻게 될까?