Seonglae ChoCSS-in-JS
storybook과 더불어 react 2대 악 디자인
CSS-in-JS이다 보니 cssdom 오래걸리는 성능 이슈
style을 위한 가상 부모 컴포넌트
이런 개같은 게 왜 인기를.. css외 배우기 싫어하는 디자이너들이 좋아하나보다
internal
Demystifying styled-components
For so many React devs, styled-components seems kinda magical. It isn't at all clear how it uses traditional CSS features under-the-hood, and that lack of clarity can cause real problems when things go awry. In this post, we'll learn exactly how styled-components works by building our own mini-version.
https://www.joshwcomeau.com/react/demystifying-styled-components/
usages
[React] Styled Components 사용법
지난 포스트 에서 외부 라이브러리 없이 CSS 만으로 React 컴포넌트를 스타일링하는 방법을 알아보았습니다. 이번 포스트에서는 대표적인 CSS-in-JS 라이브러리인 Styled Components를 사용해서 React 컴포넌트를 스타일링하는 방법을 살펴보겠습니다. 먼저 CSS in JS의 개념을 짚고 넘어가겠습니다. CSS in JS는 스타일 정의를 CSS 파일이 아닌 JavaScript로 작성된 컴포넌트에 바로 삽입하는 스타일 기법입니다.
![[React] Styled Components 사용법](https://www.notion.so/image/https%3A%2F%2Fwww.daleseo.com%2Ffavicon-32x32.png%3Fv%3Deba70b7be5393f104c5ba59bccb7d532?table=block&id=30a635cd-0d63-4ea7-ab11-4d7cd96832ba&cache=v2)
https://www.daleseo.com/react-styled-components/