search

DaleStudy / dale-ui

디자인 시스템
1 stars 0 forks source link

css scoping #8

Closed DaleSeo closed 4 weeks ago

DaleSeo commented 1 month ago

@nhistory 이 방법에 대해서 어떻게 생각하세요? React에서 이제 JSX 안에 <style>을 넣는 것을 지원하기 때문에, CSS의 @scope을 사용해서 컴포넌트로 스타일 범위를 제한할 수가 있네요. 저도 해보고 되길래 놀랐네요 ㅋㅋ

https://react.dev/reference/react-dom/components/style

nhistory commented 1 month ago

@DaleSeo 오 그럼 순수 리액트에서도 한 파일 안에서 자유롭게 스타일링 적용할 수 있겠네요. 근데 공유해주신 링크 보니 아직 정식 릴리즈 되지는 않은 것 같은데 이 부분은 상관 없을까요?

DaleSeo commented 1 month ago

@nhistory 좋은 질문이네요. 호환성 문제가 있을지 확인을 해봐야할 것 같습니다. 예를 들어 사용자가 React 18.3 미만 버전을 사용하면 작동을 안 한다거나...

DaleSeo commented 4 weeks ago

컨셉은 좋지만 아직은 밀어 붙이기 너무 이른 스타일링 접근이라 판단되어 포기합니다 ㅠㅠ