Изучаем styled-components за 20 минут на практике. Внедряем в любой проект

[@black_light]

Сломал голову с динамическими стилями. Благодаря вам решил проблему. Спасибо)

[@matveygal]

как же охуенно просто. все понятно, без воды, сразу на примере и на коде. такая база.

[@itwaslazyday]

Вам обязательно нужно продолжать! Очень хорошая подача материала! ❤

[@polinajs]

Благодарю:)

[@VolodkaBobovich]

У нас на курсе хуже рассказывали, тут быстро и все по делу. Мне очень зашло.

[@SomethingTheBestEver]

отличный контент , познавательно, спасибо!

[@2difficult2do]

Класс! давай, давай, контент в кайф можно вот это всё почаще 😊

[@yurisorokin8016]

Спасибо! Замечательно и полезно!

[@konstantinv5512]

Спасибо, очень понравилось. Надо пропробовать применить theme, Global

[@TipAnswer]

Кстати кому интересно styled-components в run-time тянет примерно 1500 строк кода, не сжатом ввиду конечно же, но тем не менее. Когда проект очень большой, сборку замедляет, так как ему нужно время на компиляцию, я бы взял tailwind 😊

[@Virisound]

спс за инфу.

[@elenasmirnova3549]

😘👍👍👍спасибо

[@pika4u380]

Хорошее видео, спасибо)

[@aiornerok3931]

Успехов

[@STELLS541]

очень годно, в целом.

[@Virisound]

Для автокомплита свойств стилей в VScode - расширение: “vscode-styled-components”

[@vvkbees6473]

😻

[@alexeysedov278]

Один вопрос, часто ли используются styledcomponents в реальных проектах (и пэт проектах тоже), если есть масса css фреймворков для стилизации, которые делают всё тоже самое, только быстрее и логика уже прописана? другими словами, есть ли смысл учить подробно styled components, актуально ли это?

[@SmashLincer]

styledcomponents используется часто. СSS фреймворки только для небольших проектов. Когда они разрастаются, пользоваться невозможно

[@polinajs]

Часто. Но тренды меняются, поэтому, от проекта к проекту способы стилизации разные. Одного ультимэйт решения просто не существует, так что нужно иметь разносторонние знания, чтобы понимать как выстроить приложение под свои нужды

[@hiki7661]

@@SmashLincer не знаю, как по мне совершенно наоборот, цсс в библиотеку компонент бьется из тестами и сторибуком, при этом цсс в большинстве случаев лучше, та же оптимизация для мобилок и при плохом интернете, как по мне css in js это плохой подход в целом

[@АлексейСоколов-у3к]

​@@hiki7661какой реальный опыт разработки в IT?

[@ARBCHK]

Привет! Столкнулся с проблемой, когда меняю стили у App Bar компонента из MUI, то изменения просто игнорируются. Может кто знает, как достучатся до компонента?
import styled from 'styled-components';
import { AppBar } from '@mui/material';
export const StyledAppBar = styled(AppBar)`
background-color: #fff;
`;

[@polinajs]

почитайте статью в документации mui.com/material-ui/guides/styled-components/
mui по особенному работают с SC

[@павеллогинов-в1м]

Класс

[@godforger]

спасибо

[@maxamax5695]

Вот мне нужно было темы сделать, а я уже все написал через scss) и теперь нужно все переписать) за пару часов) а я ток сегодня узнал о этом способе) и вообще о стайл компонент 😢😅😅

[@caH40yc]

спасибо!

[@wakeup2k_]

молодец продолжай в том же духе

[@RolandAlexCole]

Полезно!

[@taggz1030]

Спасибо, помогла!

[@sam_starikov]

Привет! Зачем создавать GlobalStyle когда можно прописать глобальные стили просто в css файле?

[@polinajs]

потому что суть styled-components в том, чтобы не использовать css. Это совершенно другой подход в стилизации реакт компонентов

[@АлександрКасатов]

Как минимум в GlobalStyle прокидывается тема, что удобно для стилизации базовых background и color.

[@olegdoc3519]

Молодец !

[@thenothing7957]

Зачем вообще это разбирать, юзлесс либа и видос