#Development #Evolutions
Is CSS-in-JS still a thing? · What worked, what didn’t, and what’s next https://ilo.im/1631d7
_____
#CSSinJS #CSS #Tailwind #StyleX #JavaScript #React #Library #WebDev #Frontend
Avoid the temptation to do #CssInJs, avoid the temptation to make fancy Hamburger Menus, avoid the temptation to load content dynamically with fetch without also supporting loading ahead-of-time. Avoid the urge to require JS form validation, avoid the urge to use JS to negotiate a form's endpoint. Avoid the urge to do anything pointlessly fancy just to read a fricken news article. Establish ways to circumvent inhuman agents without script access
#Development #Trends
2024 JavaScript Rising Stars · Top starred GitHub projects in the past year https://ilo.im/161qje
_____
#JavaScript #Framework #Library #StaticSites #CssInJS #Tooling #AI #WebDev #Frontend #Backend
Released a #cssinjs lib for #mithriljs today with support for reactive css vars.
https://github.com/JAForbes/super-mithril-css
Nice to package up and release something that's been sitting there in a fork for years.
Though not sure it gets more niche than announcing a #mithriljs lib on mastodon.
@kin @JesseSkinner a small correction “over learning anything that is not their primary language” #cssinjs
#Development #Techniques
The undeniable utility of CSS :has · “The CSS :has selector is incredibly powerful.” https://ilo.im/1601qb
_____
#FeatureDetection #EventListener #DarkMode #Framework #Browser #WebDev #Frontend #CSS #CSSinJS #JavaScript
Whichever to blame:
- #NextJS is good in loading CSS in the wrong order, and having a mismatch between development and production.
- #CSSinJS is great for creating CSS loading order issues for frameworks.
These issues happen particularly easily if you maintain library as a fully separate project from the consuming apps.
Just being happy of the decision to start moving much more of our stuff to global #CSS earlier this year.
CSS layers is another solution to fix this, but will need work.
#Development #Outlooks
CSS in React Server Components · Understanding the future of CSS-in-JS and React https://ilo.im/15ykt9
_____
#React #ServerComponent #WebDev #Frontend #CSS #CSSinJS #Backend #RSC
CSS in React Server Components
by Josh W. Comeau @joshwcomeau
#CSSinJS #React #webdev
Анатомия StyleX
Hello world! По данным 2023 JavaScript Rising Stars библиотека StyleX заняла второе место в разделе Styling / CSS in JS (первое место вполне ожидаемо занял TailwindCSS ). stylex — это решение CSS в JS от Facebook , которое недавно стало открытым и быстро набрало популярность (на сегодняшний день у библиотеки 7500 звезд на Github ). Это обусловлено ее легковесностью, производительностью и небольшим размером итоговой таблицы стилей. В этой статье мы разберемся, как stylex работает. Но давайте начнем с примера ее использования.
#Development #Trends
2023 JavaScript Rising Stars · Top starred GitHub projects in the past year https://ilo.im/15xkvu
_____
#WebDev #Frontend #Backend #JavaScript #Framework #CssInJS #StaticSite #StateManagement #GraphQL