리액트 UI 라이브러리 하나 만들었는데 써볼 사람
chakra-ui, kuma-ui 써보다가
스타일 적용할 때마다 js 런타임에서 비용 드는 게 너무 마음에 안 들어서
아예 zero-runtime css-in-js로 만들어버림
이름은 devup-ui
- js 런타임 비용 없음 (진짜 0임)
- rsc 호환됨
- styled-system 문법 거의 chakra랑 같음
- 다크모드, responsive, hover 등 다 됨
- 빌드 속도랑 용량도 다른 라이브러리보다 훨씬 나음
- rust로 빌드툴 짜서 성능 진짜 쎔
쓰면 쓴 CSS만 빌드됨
nextjs, vite 예제도 있음
+ https://github.com/dev-five-git/devup-ui
PR이나 이슈 환영함. 피드백도 ㄱㄱ
rsc 가 뭔데
리액트 서버 컴포넌트
국정원
바닐라extract랑 비슷한건가보네
원래 그거 쓰다가 안쓰는 CSS가 너무 많이 생성돼서 솔루션 만듦, 진짜 쓰는 CSS만 트리쉐이킹 해줌
아프로디테라는 플러그인이랑 비슷하네
링크 주면 거기도 참고해야겠다 잘 안나오네..
https://github.com/Khan/aphrodite
근데
쓰임새를 보면 특성이 좀 다르긴하네
@ㅇㅇ 약간 RN 처럼 겅의하고 쓰긴하네
@ㅇㅇ 우리도 css 유틸 함수 있으니까 함 써보고 스타도 눌러주고 피드백도 함 줬음 좋겠당 ㅎ