Tailwind는 빠른 작성 뒤에 일관성 규칙이 필요하다
유틸리티 클래스는 빠르지만, 반복 패턴과 디자인 토큰을 관리하지 않으면 화면마다 다른 규칙이 쌓입니다.
반복 추출
반복되는 긴 클래스 묶음은 컴포넌트나 variant 유틸로 감쌉니다.
상태 표현
hover, focus, disabled, dark를 빠뜨리지 않고 같은 순서로 검토합니다.
스캔 범위
클래스가 생성되지 않으면 content 경로와 동적 클래스 문자열을 먼저 확인합니다.
작은 UI를 빠르게 만들고 디자인 토큰을 클래스 이름으로 직접 적용할 수 있습니다.
페이지마다 임의 값이 늘어나면 CSS보다 추적하기 어려운 스타일 분산이 생깁니다.
Tailwind의 생산성은 클래스 수를 줄이는 데서가 아니라 팀이 같은 토큰과 상태 규칙을 반복해서 쓰는 데서 나옵니다.