#Development #Debates
The future of web development · Get on or get left behind https://ilo.im/163oqw

_____
#WebTechnology #AI #Blockchain #CSSinJS #PWA #Flash #ActiveX #WebDev #Frontend #Backend

https://medium.com/@kaiqueperezz/is-styled-components-reaching-the-end-of-the-road-e58084486667

Unbelievable! #React #CssInJs

#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.

#programming #js #css

@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

Мой ТОП-5 лучших CSS-in-JS решений

В одном из проектов мне нужно было создать сложную админку для крупного клиента. Интерфейс требовал большо количества интерактивностей, а также поддержку различных тем и динамических стилей. Именно тогда я решил обратить свой взгляд на CSS-in-JS библиотеки, и это для меня стало большим открытием. Ведь стилизация компонентов – основа для создания интуитивно понятных и эстетически приятных интерфейсов. И иногда традиционные методы стилизации, такие как CSS-файлы или препроцессоры, имеют свои ограничения и могут усложнять сам процесс разработки, чего мы точно не хотим. Здесь вот и приходят на помощь решения CSS-in-JS, объединяющие фичи JS и CSS.

https://habr.com/ru/companies/otus/articles/829322/

#js #css #cssinjs #frameworks #библиотеки #вебразработка #программирование #вебдизайн #typescript

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

https://www.joshwcomeau.com/react/css-in-rsc/

Анатомия StyleX

Hello world! По данным 2023 JavaScript Rising Stars библиотека StyleX заняла второе место в разделе Styling / CSS in JS (первое место вполне ожидаемо занял TailwindCSS ). stylex — это решение CSS в JS от Facebook , которое недавно стало открытым и быстро набрало популярность (на сегодняшний день у библиотеки 7500 звезд на Github ). Это обусловлено ее легковесностью, производительностью и небольшим размером итоговой таблицы стилей. В этой статье мы разберемся, как stylex работает. Но давайте начнем с примера ее использования.

https://habr.com/ru/companies/timeweb/articles/795473/

#timeweb_статьи #javascript #reactjs #reactjs #react #css #css_in_js #cssinjs #css_в_js #styling #стилизация #reverse_engineering #обратная_разработка

#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

🟤🟡 Exploring the shift from CSS-in-JS to headless UI libraries
by Elijah Asaolu @asaolu_elijah at @LogRocket
#cssinjs #headless #webdev

https://blog.logrocket.com/exploring-shift-css-in-js-headless-ui-libraries/

Обзор на новую CSS-in-JS либу от Facebook* – StyleX

Недавно компания Facebook* (aka Meta**) выпустила в опенсорс собственную CSS-in-JS библиотеку под названием StyleX . По заявлениям разработчиков, она отлично подходит для больших проектов и ключевым ее преимуществом является перфоманс. В этой статье мы рассмотрим пример использования, основные функции и особенности данного решения.

https://habr.com/ru/articles/781166/

#stylex #css #react #vue #cssinjs #cssinjs #emotion

Facebook выпустил новую CSS-in-JS библиотеку — StyleX

Верней оформил 5 декабря 2023 года оформил для всех то, чем его разработчики пользуются уже давно. Позиционируется данный помощник для js-подобных фреймворков типа React, Preact, Solid, lit-html и Angular, однако оперирующие html шаблонами Vue и Svelte тоже могут задействовать StyleX , но после предварительной специальной её кастомизации. Код в React в итоге выглядит примерно так:

https://habr.com/ru/articles/781000/

#cssinjs #stylex #react #vue

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?

Quite happy about the direction of our #designsystem and how we’re transitioning from #cssinjs to a combination of low-specificity global styles, utility classes and #css modules. https://developer.volvocars.com/design-system/web/?path=/docs/css-methodology--docs

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