YDS는 숭실대학교 동아리 유어슈에서 사용하는 디자인 시스템입니다. 뷰 컴포넌트 재사용성을 높여 코드 작성에 걸리는 시간을 단축함과 동시에 일관된 디자인 퀄리티를 보장하기 위해 고안됐습니다.
YDS Wiki
YDS 문서는 노션 페이지에서 관리됩니다.
컴포넌트 정보와 사용 예시 등을 확인할 수 있습니다.
- YDS 패키지 및 styled-components를 설치합니다.
npm install @yourssu/design-system-react styled-components
yarn add @yourssu/design-system-react styled-components
pnpm install @yourssu/design-system-react styled-components
- Root Component에 YDSWrapper를 감싸줍니다.
ReactDOM.createRoot(document.getElementById("root")!).render(
<React.StrictMode>
<YDSWrapper>
<App />
</YDSWrapper>
</React.StrictMode>
);