테일윈드 공식 문서 보니까
css파일, 인라인스타일에 비해 장점 3가지 읊던데
1 html 하면서 css파일 안봐도 됨
2 미디어쿼리 쓸 수 있음
3 반응형ui 꾸밀때 편함 이라고 하던데
이거 전부 emotionJS에서도 되는거 아니냐
근데 리액트에서 테일윈드 왜쓰는거냐
css파일, 인라인스타일에 비해 장점 3가지 읊던데
1 html 하면서 css파일 안봐도 됨
2 미디어쿼리 쓸 수 있음
3 반응형ui 꾸밀때 편함 이라고 하던데
이거 전부 emotionJS에서도 되는거 아니냐
근데 리액트에서 테일윈드 왜쓰는거냐
찍 쌀거면 테일윈드가 오조오억배 쉬움
css in js는 ssr 이슈도 있고 (그래서 요새 빌드 타임에 스태틱하게 뽑는 vanilla extract나 panda 같은거도 나오지만..) 생산성에만 몰빵한다면 인라인으로 쭉 쓰는 테일윈드도 장점이 확실하지
아 ssr 생각을 못했네
해당 댓글은 삭제되었습니다.
서로 목적이 달라도 같이 혼용해서 쓰면 ㅈㄴ 햇갈릴거같아서 쓸꺼면 하나로 통일하는게 나을거같아서 그런거임
ㅇㅇ 둘다쓰지말고 만약에 emotion에 tailwind스러운 유틸리티가 필요하면 theme ui 나 styled system을 추가해 사용하는걸 추천. Tailwind와 emotion은 성격이 달라서 니말대로 헷갈림
현재는 emotionJS 잘 쓰고 있는데 tailwind 도입하면 생산성 좋다고 하길래 고민하고 있던 찰나라 둘다 쓰지 않기에는 불편함을 감수하기가 좀 그럼
신규 플젝에 shadcn 사용할거같은데 거기 의존성이 윈드테일이라서 이왕 윈드테일로 스타일링 라이브러리를 바꿀까 고민중이였어