Урок по Styled-components библиотеке 00:00 Начальный код 02:45 Установка SC и базовое использование 05:52 Селекторы наследования и псевдо-* 07:25 Пропсы 10:39 Стилизация компонентов 13:00 Темы 20:21 Глобальные стили
Кстати кому интересно styled-components в run-time тянет примерно 1500 строк кода, не сжатом ввиду конечно же, но тем не менее. Когда проект очень большой, сборку замедляет, так как ему нужно время на компиляцию, я бы взял tailwind 😊
Вот мне нужно было темы сделать, а я уже все написал через scss) и теперь нужно все переписать) за пару часов) а я ток сегодня узнал о этом способе) и вообще о стайл компонент 😢😅😅
Один вопрос, часто ли используются styledcomponents в реальных проектах (и пэт проектах тоже), если есть масса css фреймворков для стилизации, которые делают всё тоже самое, только быстрее и логика уже прописана? другими словами, есть ли смысл учить подробно styled components, актуально ли это?
Часто. Но тренды меняются, поэтому, от проекта к проекту способы стилизации разные. Одного ультимэйт решения просто не существует, так что нужно иметь разносторонние знания, чтобы понимать как выстроить приложение под свои нужды
@@SmashLincer не знаю, как по мне совершенно наоборот, цсс в библиотеку компонент бьется из тестами и сторибуком, при этом цсс в большинстве случаев лучше, та же оптимизация для мобилок и при плохом интернете, как по мне css in js это плохой подход в целом
Привет! Столкнулся с проблемой, когда меняю стили у App Bar компонента из MUI, то изменения просто игнорируются. Может кто знает, как достучатся до компонента? import styled from 'styled-components'; import { AppBar } from '@mui/material'; export const StyledAppBar = styled(AppBar)` background-color: #fff; `;