ChangelogComponents
0.1.34
공개 컴포넌트에 displayName을 붙여 운영 빌드에서도 컴포넌트를 식별할 수 있고, 0.1.33에서 잘못 배포된 CSS를 바로잡습니다.
0.1.33은 CSS가 잘못 생성된 채 배포되었습니다. 이 버전은 0.1.33에 담으려던 변경을 그대로 포함하고, CSS는 0.1.32와 같습니다. 0.1.33을 설치했다면 이 버전으로 업데이트하세요. 자세한 내용은 0.1.33 항목을 참고하세요.
공개 컴포넌트 displayName
forwardRef로 만든 컴포넌트는 이름이 비어 있고, 운영 빌드에서는 함수 컴포넌트의 이름도 압축됩니다. 그래서 React DevTools나 React fiber를 읽는 도구에서 어떤 디자인 시스템 컴포넌트인지 알 수 없었습니다. 이제 공개 export되는 컴포넌트에 displayName이 붙어 있어, 운영 빌드에서도 이름으로 식별할 수 있습니다.
displayName은 소스의 변수 이름과 같습니다. 예를 들어 Button.Root는 ButtonRoot, IconButton은 IconButton입니다. Button.Root 형태의 표기가 필요하다면 사용하는 쪽에서 변환하세요.
legacy Core* 컴포넌트와 Context, 훅, 외부 라이브러리를 그대로 다시 export한 객체(Modal.ModalDef, Popover.Handle 등)는 대상이 아닙니다.