Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[우창완] 11장: Next.js 13과 리액트 18 #84

Merged
merged 1 commit into from
Feb 22, 2024
Merged

Conversation

WooWan
Copy link
Contributor

@WooWan WooWan commented Feb 13, 2024

�언제쯤 본격적으로 사용해볼 수 있을까! RSC!

약속의 5월 15일 React 19 나오면 사이드 프로젝트 해봐야지

Copy link
Member

@hyesungoh hyesungoh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 👍 👍 고생하셨습니다 👍 👍

Comment on lines +84 to +88
* 왜 JSON 이 아니고 like, JSON like 일까?

JavaScript의 function은 non-serializable한 객체이다. 따라서, JSON.derserialize와 같은 방법을 사용하지 못하고, JSON like 형식을 구성한 뒤 전달한다.

![image-20240213211706438](/Users/changwan-woo/Library/Application Support/typora-user-images/image-20240213211706438.png)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 👍 👍 👍

Comment on lines +134 to +138
이러한 오해 때문에 Vercel lock-in되지 않을까 생각하며 이전까지 RSC에 대해서 부정적으로 생각했었다. 하지만, React server component는 서버 없이도 동작하며, 빌드 타임에 JSON like format을 생성한다. 따라서 S3에 배포해도 SSG와 같은 방식으로 동작한다.

정리하자면, Client 환경에서는 SSG로 동작, Server 환경에서는 SSR+RSC로 동작한다고 이해할 수 있다.

https://twitter.com/dan_abramov2/status/1745794290679259635
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

!!!! 처음 알았어요 !!! 👍 👍 👍 👍

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 저도 처음 알았어요,,! RSC Payload 느낌인가요?!

Copy link
Member

@Seojunhwan Seojunhwan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 창완님!
사진이 궁금하네요,,!


Next.js에서 왜 esbuild, rspack과 같은 번들, 빌드 도구를 활용할 수 없을까 의문이었는데 Turbopack이 곧 릴리즈된다.

https://areweturboyet.com/
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🥸

Comment on lines +134 to +138
이러한 오해 때문에 Vercel lock-in되지 않을까 생각하며 이전까지 RSC에 대해서 부정적으로 생각했었다. 하지만, React server component는 서버 없이도 동작하며, 빌드 타임에 JSON like format을 생성한다. 따라서 S3에 배포해도 SSG와 같은 방식으로 동작한다.

정리하자면, Client 환경에서는 SSG로 동작, Server 환경에서는 SSR+RSC로 동작한다고 이해할 수 있다.

https://twitter.com/dan_abramov2/status/1745794290679259635
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 저도 처음 알았어요,,! RSC Payload 느낌인가요?!

@hyesungoh hyesungoh merged commit f4f8c18 into main Feb 22, 2024
1 check passed
@hyesungoh hyesungoh deleted the 11장/우창완 branch February 22, 2024 09:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants