leemember/vanilla-extract

🍩 Zero Runtime CSS Vanilla-Extract Study

🍦 vanilla-extract

참고자료 : https://vanilla-extract.style/

이번에 새로운 프로젝트를 하면서 vanilla-extract 를 도입해봤다. 그래서 이 기술에 대해 정리해보려고 한다.

🥳 특징

• CSS-in-JS의 단점인 런타임 오버헤드를 최소화 시켜준다. (즉, Zero Runtime이라고 함)
• 타입스크릅티와 완벽한 호환이 된다.
• 전역으로 코드를 관리할 수 있는 기능을 제공한다.
• 타입 추론을 통해 CSS 속성이나 값에 대한 오류를 캐치할 수 있어 런타임 에러를 방지하며 코드의 안정성을 향항 시켜준다.