Front-end/React.js(Next.js)

하이드레이션, SSR, CSR, 서버 컴포넌트

prden 2024. 4. 18. 11:01

1. 하이드레이션 

https://react.dev/reference/react-dom/client/hydrateRoot

 

hydrateRoot – React

The library for web and native user interfaces

react.dev

 

2. Next.js Server Component 

https://nextjs.org/docs/app/building-your-application/rendering/server-components

 

Rendering: Server Components | Next.js

Learn how you can use React Server Components to render parts of your application on the server.

nextjs.org

 

3. Next.js Client Component 

https://nextjs.org/docs/app/building-your-application/rendering/client-components

 

Rendering: Client Components | Next.js

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

nextjs.org

 

4. Client Component & Server Component -> Composition Pattern 

https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns

 

Rendering: Composition Patterns | Next.js

Recommended patterns for using Server and Client Components.

nextjs.org