# Show GN: 리엑트 보일러플레이트 근데 이제 심플함을 곁들인

> Clean Markdown view of GeekNews topic #17810. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=17810](https://news.hada.io/topic?id=17810)
- GeekNews Markdown: [https://news.hada.io/topic/17810.md](https://news.hada.io/topic/17810.md)
- Type: show
- Author: [i70h4n](https://news.hada.io/@i70h4n)
- Published: 2024-11-18T06:18:06+09:00
- Updated: 2024-11-18T06:18:06+09:00
- Original source: [github.com/pgmrDohan](https://github.com/pgmrDohan/react.ts)
- Points: 4
- Comments: 0

## Topic Body

React + TypeScript + Yarn Berry + Vite + SWC + ESLint + SCSS  
프론트엔드 작업에 개인적으로 사용하다 깨나 괜찮은 보일러플레이트가 된 것 같아 공개해봅니다.  
  
### 주요 특징  
* **디자인 시스템 기반:** src/styles 폴더 내 SCSS 변수들만 수정해 주시면 스페이싱, 타이포, 컬러 관련해서 CSS 프레임워크처럼 클래스와 CSS Variable을 만들어 줍니다!  
* **다크모드 커스텀 훅:** 다크모드를 쉽게 적용할 수 있도록 커스텀 훅을 같이 제공하고 있습니다!

## Comments



_No public comments on this page._