Styled Components를 사용해보면서 느낀 장점

Styled Components를 사용해보면서 느낀 장점을 이야기해주세요.

A:

• 따로 css 파일을 가지지 않기 때문에 특정 JS 파일 내에서만 사용하거나, JS처럼 의존성을 관리할 수 있으므로 네이밍 문제와 코드 유지보수 문제가 해결됩니다. 사용하지 않는 css를 쉽게 삭제할 수 있습니다.
• JS 코드에서 사용하고 있던 상수나 변수들도 CSS 코드에서 쉽게 사용할 수 있게 된다. styled-components에서는 props로 받을 수도 있다.
• 조건부 스타일링이 쉬워진다.
• 모든 CSS를 다 로딩하는 것이 아니라 현재 화면에 필요한 CSS 요소만 골라서 조금 가볍게 로드할 수 있다는 장점도 있습니다. 즉 사용하지 않는 css를 쉽게 삭제할 수 있습니다.