React Styled Component

Creator

Creator

Seonglae Cho

Created

Created

2021 Apr 11 12:43

Editor

Editor

Seonglae Cho

Edited

Edited

2022 Mar 21 3:9

Refs

Refs

CSS-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.

Demystifying styled-components

https://www.joshwcomeau.com/react/demystifying-styled-components/

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.daleseo.com/react-styled-components/

Recommendations

/////////////