Why don't some people like CSS-in-JS?
Is it because code written in CSS-in-JS don't allow you to take advantage of the "cascading" nature of CSS?
Is it because you can't take advantage of selectors?
Is it because there might be some compilation steps required when employing CSS-in-JS? And if compilation isn't used, there might be some render-time slowdown?
#css #javascript #jsx #react #solidjs #preact #cssinjs #webdevelopment?
#css #javascript #jsx #react #solidjs #preact #cssinjs #webdevelopment
Past informs the present: Our approach to CSS · The evolution of CSS and its methodologies https://ilo.im/10bo7u · by @colepeters
_____
#development #approaches
#WebDevelopment #webdev #CSS #AtomicCSS #BEM #OOCSS #CSSinJS #CSSmodules #ShadowDOM #WebStandard
#development #Approaches #webdevelopment #webdev #css #atomiccss #bem #oocss #cssinjs #cssmodules #shadowdom #webstandard
The State of CSS 2022 · Results of the annual developer survey about the latest trends in CSS https://ilo.im/zlc3j
#webdevelopment #trends
#survey #frontend #framework #library #CSS #CSSinJS
#webdevelopment #trends #survey #frontend #framework #library #css #cssinjs
The State of CSS 2022 · Results of the annual developer survey about the latest trends in CSS https://ilo.im/zlc3j
#webdevelopment #trends
#survey #frontend #framework #library #CSS #CSSinJS
#webdevelopment #trends #survey #frontend #framework #library #css #cssinjs
Just made a conclusion that avoiding #CSSinJS makes sense only for reset stylesheet, and even then you'd want to inject it via #JS Import Assert syntax (es-module-shims #polyfill). Embrace single-file #WebComponents, #KISS!
#cssinjs #js #polyfill #webcomponents #kiss
After some more digging, I found dreaded polyfills to make #ShadowDOM and #buildless understand each other, also ditching #CSSinJS out:
📜 https://github.com/calebdwilliams/construct-style-sheets
📜 https://github.com/guybedford/es-module-shims#css-modules
#shadowdom #buildless #cssinjs
One does not simply do #buildless #WebComponents, while employing #ShadowDOM *AND* avoiding #CSSinJS. :blobsweats: I start to sound like insane interop advocate here, can anyone relate? :BlobhajSadReach:
#buildless #webcomponents #shadowdom #cssinjs
High refresh rate screens becoming more common have rates have interesting implications for #webdev. Whatever time window you used have to keep UI not feeling janky is shrinking quite significantly. The fundamental paradigm embedded in #react and #cssInJs are going to have serious challenges keeping up with this.