틀린 부분에 대해 지적해주시면 감사하겠습니다. 특정 CSS-in-JS 라이브러리가 Next 13이 아니라 React 18를 얼마나 지원하는지가 더 중요합니다. 리액트 진영이 서버 컴포넌트, 동시

틀린 부분에 대해 지적해주시면 감사하겠습니다. 특정 CSS-in-JS 라이브러리가 Next 13이 아니라 React 18를 얼마나 지원하는지가 더 중요합니다. 리액트 진영이 서버 컴포넌트, 동시성 렌더링과 함께 새로운 패러다임으로 넘어왔지만 많은 CSS-in-JS 라이브러리들은 서버 컴포넌트를 제대로 지원하고 있지 않은 것이 현실입니다. 참고로 tailwindcss 는 CSS-in-JS 가 아니기 때문에 이런 이슈에 더 자유롭습니다. 언젠가 styled-components, emotion 가 RSC 를 완벽 지원하는 날이 올 수도 있겠습니다만, 이 라이브러리들은 태생부터 런타임에 스타일을 생성하는 매커니즘을 가지고 있기 때문에 기존의 매커니즘을 바꾸지 않는다면 자잘한 이슈에 자유로울 수 없을 것이라 추측합니다. 대안은 css module, tailwindcss를 사용하시거나, RSC를 지원하는 제로 런타임 CSS-in-JS를 사용하는 것입니다. 그것이 현재를 위해서도, 미래를 위해서도 합리적인 선택입니다. - pandacss (chakra 팀이 제작하고 사용하고 있기 때문에 지속적으로 관리될 가능성이 매우 높습니다.) - vanilla-extract 이 두 라이브러리는 stitches와 tailwind에 많은 영감을 받아 제작되었습니다. (그들에게 훌륭한 영감을 남긴 뒤, stitches는 운명하셨습니다.)