{"componentChunkName":"component---src-templates-blog-post-js","path":"/blog/css-in-js","result":{"data":{"markdownRemark":{"html":"<p>Gdy widzę kogoś, kto używa Reacta, a stosuje globalne pliki CSS, to bolą mnie zęby (choć nie tak bardzo, gdy widzę, jak ktoś tworzy większą aplikację w Reakcie-Reduksie, a nie korzysta z TypeScripta - żal mi takiego biedaka; ale to opowieść na inną okazję). Od kiedy zacząłem korzystać z biblioteki (Material UI)[https://material-ui.com/] (Reaktowe komponent implementujące Material Design), bardzo mi się spodobało to, że mogę stylować komponenty lokalnie za pomocą CSS-in-JS (czyli reguły CSSa pisane w JS/TS). To po prostu jest wygodne, a do tego ma kilka innych plusów, o których można sobie poczytać przeglądając poniższą prezentację:\n<a href=\"https://speakerdeck.com/vjeux/react-css-in-js\">https://speakerdeck.com/vjeux/react-css-in-js</a></p>\n<p>Jeśli jeszcze nie czujesz się przekonany, zajrzyj też tu: <a href=\"https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660\">https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660</a></p>\n<p>P.S. Istnieje wiele rozwiązań typu CSS-in-JS, nie tylko to, które jest \"zaszyte\" w Material UI, np.:</p>\n<ul>\n<li>Styled Components,</li>\n<li>Galmorous,</li>\n<li>Emotion.</li>\n</ul>","excerpt":"Gdy widzę kogoś, kto używa Reacta, a stosuje globalne pliki CSS, to bolą mnie zęby (choć nie tak bardzo, gdy widzę, jak ktoś tworzy większą aplikację w Reakcie…","frontmatter":{"date":"15 October, 2019","path":"/blog/css-in-js","title":"CSS in JS"},"fields":{"readingTime":{"text":"1 min read"}}}},"pageContext":{}},"staticQueryHashes":["3649515864","63159454"]}