React Native css-in-js

nativewind가 시작이었다

잘 쓰던 nativewind가 node modules 재설치 이후로 바벨 에러가 나기 시작했다.

알고 보니 유명한 에러더라

nativewind v2, v4중 v4는 저 바벨 에러가 꽤 유명한 에러인가보다.

• v3이 없는 것도 어처구니없고
• v4가 있는데 가장 최신 stable이 v2인 것도 어처구니없고..

일단 다른 css-in-js를 찾아보기로 했다.
인라인 스타일링은 너무 못생겼어.

찾다 찾다 레딧까지

react는 관련 글이 많은데, React native는 대부분이 빨라 봤자 1년 전 글이었다.
좀더 최신 동향을 살피고 싶어 찾다 보니 레딧 글까지 뒤지는 중.

우선 선택지는 다음과 같았다.

• twrnc
• unistyles

nativewind는 항상 추천하는 댓글 아래에 나와 비슷하게 버전 에러로 다른 컴포넌트로 갈아탔다는 말이 있었다.
둘다 테일윈드 기반이라, 좀더 마이그레이션이 쉬워 보이는 twrnc으로 교체하기로 했다.

바벨에 추가할 것도 없이 그냥 설치만 해서 style로 교체해줬다.
space-x같이 지원하지 않는 클래스명도 있는 것 같긴 한데, 어차피 안써서 괜찮을 듯..