cometkim / blog-posts

블로그 포스트
https://blog.cometkim.kr
Other
5 stars 0 forks source link

posts/css-optimization-in-jamstack/ #42

Open utterances-bot opened 4 years ago

utterances-bot commented 4 years ago

Hyeseong's Blog - Jamstack에서 스타일시트를 최적화하는 법

기여하던 gatsby-plugin-linaria 프로젝트의 소유권을 최근에 이전 받았습니다. 원 저자인 Matija Marohnić…

https://blog.cometkim.kr/posts/css-optimization-in-jamstack/?fbclid=IwAR04RAyr4MC0vt4VteJm6_xUnwe4-nDemHUZ7h9iGrtK_qQasFubP4EkVRk

cometkim commented 4 years ago

읽고나니 뭔가 야크털 냄새가 느껴진다면 정상입니다. CSS in JS 라이브러리는 그냥 런타임 붙은거 쓰세요 :innocent:

과연 페이스북의 stylex는 스타일시트의 코드 스플리팅 문제를 어떻게 해결했을까요?

조금 생각해봤는데 페이스북은 Atomic CSS 도입으로 전체 스타일시트 사이즈를 over 80% 줄였다고 (400KB -> 70KB) 했는데, 그럼 Atomic CSS 자체를 하나의 솔루션으로 볼 수 있을 것 같네요.

그리고 뭣보다 페북은 재방문률과 캐시히트가 제가 다루는 앱과는 많이 차이 날 것 같구요 ㅋㅋ; 어느 정도 스케일부터는 그냥 런타임 있는 라이브러리가 더 적절할 듯 합니다.

idpokute commented 4 years ago

좋은 글 감사합니다.

adhrinae commented 4 years ago

잘 읽었습니다. linaria 프로젝트는 '나중에 써봐야지' 정도로만 인식하고 지나간 채로 있었는데, 이렇게 다시 접하게 되네요. 더불어 덕분에 CRP라는 개념을 다시 상기시킬 수 있습니다. Gatsby, Linaria 프로젝트를 잘 모르는 분들이라도 기술적인 맥락 보고 CRP에 대해 평소에 어떻게 생각해오고 있었고, 이 글에서 무엇을 배울 수 있었는지 한번 곱씹어보는 것 만으로도 너무 유용한 글이라고 생각합니다.

outsideris commented 4 years ago

Now가 1.0을 닫으면서 linaria의 링크가 깨진듯 합니다. GitHub저장소인 https://github.com/callstack/linaria 로 바뀌어야 할 것 같습니다.

b6pzeusbc54tvhw5jgpyw8pwz2x6gs commented 4 years ago

(Gatsby 플젝은 아니지만) 모든 CSS를 extract 하여 사용하는 Legacy React 프로젝트의 css 부분을 싹 갈아 엎고 싶어서 몇개를 검토중인데, linaria에 대한 오아시스 같은 글이었습니다!

좋은 글 감사합니다!