원자 CSS를 다시 상상합니다

나는 거대한 원자 CSS 애호가는 아니지만, 수업의 수는 차 한잔이 아니며 전통적인 CSS가 매우 효과적이라고 생각합니다. 저는 그 매력을 인정합니다. 장점은 분명합니다. 수동으로 작성된 CSS에 비해 작은 스타일 시트와 클래스 기반 접근법은 설계 시스템 내에서 일관성을 촉진합니다.

원자 CSS의 진화는 매력적입니다. 이는 대규모 수업 라이브러리 (소규모 CSS의 이점)에서보다 세련된 접근 방식으로 진행되었습니다. 사용하지 않은 클래스 제거 및 실제 사용법에 따라 주문형 스타일 시트를 생성합니다.

Anthony Fu의 "Reimagine Atomic CSS"는이 진화에 대한 훌륭한 개요를 제공하고 UNOCSS, 추가 발전을 소개합니다. 모든 복잡성을 완전히 파악하지는 못하지만 주로 구성 가능한 규칙을 통해 이전 반복에 비해 향상된 기능을 제공하는 것으로 보입니다. 속도 (Vite를 활용)는 특히 반복적 인 개발을 위해 중요한 플러스입니다.

그러나 나는 몇 가지 측면이 어려운 것을 발견합니다. 복잡성은 주목할 만하고 통합은 제한적으로 보입니다. 또한 스타일을 임의의 HTML 속성으로 변환하는 것을 주저합니다. JSX 소품은 허용되지만 DOM 포즈 위험에 도달하는 직접 HTML 속성은 안전을 위해 데이터를 범위로 삼아야합니다.

이러한 예약에도 불구하고 Anthony의 철저한 문제 해결 방법과 그의 프로세스 공유에 감사드립니다. 놀이터를 포함시키는 것은 환영받는 추가입니다.

직접 링크 →

위 내용은 원자 CSS를 다시 상상합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!