[Korean FE Article] 리액트 웹 컴포넌트로 디자인 시스템 구축하기

글 링크: https://velog.io/@superlipbalm/building-design-system-react-web-components

소개

디자인 시스템을 구축할 때 고민되는 부분 중 하나는 컴포넌트를 여러 프레임워크에서 동작하도록 지원하는 것입니다. 이 글에서는 리액트로 작성된 컴포넌트를 웹 컴포넌트로 변환해 다른 여러 프레임워크에서 동작하도록 만든 방법을 다루고 있는데요. 평소 디자인 시스템에 관심이 많으셨다면 흥미롭게 읽으실 수 있으실 것 같습니다.

목차

• 컨셉

• 현실

  • 이벤트 처리에 대한 지원 추가

  • 스타일 포함 지원 추가

• 최적화

  • 공용 JS 종속성을 위한 앱 프로바이더

  • 공용 CSS를 위한 테마 프로바이더

• 마무리

• 관련 블로그 포스트