Спасибо, бро!) Было, честно говоря, немного лень разбираться самому с этой библиотекой, а ты за 20 минут рассказал основные концепции, за что я очень благодарен. Удачи в деятельности и продвижении канала)
Спасибо за видео, всё очень доступно! Как раз сейчас проект на этой библиотеке. И какой это кошмар, я в шоке, зачем было создавать и пользоваться настолько неудобной, архитектурно поломанной библиотекой. Мешать компоненты с CSS, когда есть модульный SCSS. Слов нет. Вот уж действительно не всё хайповое = хорошее. Учитывая что обычно это еще вместе с ts пишется и каким-нибудь rxjs, это будет лютый гвнокод...
Обычно я когда смотрю ролики про разработку, то я почти всегда ставлю скорость воспроизведения видео 1.25-1.5. Смотря видосы на этом канале я иногда задумываюсь поставить 0.75 :) Очень плотная подача материала, приятно смотреть. Спасибо автору :)
А я смотрел на 2,5 - очень наглядно, понятно. Начал работу над новым проектом (React Native), где используются styled components, нужно было быстро обзорно изучить как оно работает. Просмотр этого видео на 100% решил эту задачу. Спасибо автору!
Спасибо Тимур еще не посмотрел видео но уверен ты как всегда лучший! Любые технологии если в них затык перешерстишь документацю почитаешь сам, и затем твой видос раскидыввает все по полочкам, прям внутренняя радость когда при поиске темы выдает твой видос у меня сразу в голове мысль: 'Все, дело в шляпе сейчас разберемся с проблемой'))
Супер, спасибо за видео! Не работала со styled components до этого, но на работе он используется Для быстрого и глубокого понимания темы видео очень зашло)
Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.
Спасибо Максим за труды, красавчик, как то недавно попал на твое видео , потом на второе, потом на третье и решил сразу подписаться, так как у тебя очень полезный контент!
У меня вопрос. По идее, не получится ли нахломления css в компонентах или это все в строки убирается в отдельный файл или как это происходит? (если надо до конца досмотреть ради ответа, то проигнорируйте сообщение, я позже досмотрю). Просто сейчас я вижу довольно много css и читабельность компонента резко просидает как по мне. Но библиотека топ, если нужно что-то не сильно сложное, за минимальное время и без боли
Привет спасибо за крутые видосы, очень помогает! Есть вопрос: делая приложение с использованием styled components часто меняются стили, удаляются, создаютя новые и т.д. И в один момент приходит понимание того что ты заменил или вырезал несколько кусков кода а стили к ним НЕИСПОЛЬЗУЕМЫЕ так и продолжают болтаться и к моменту окончания разработки их уже довольно много. Есть ли возможность как нибудь идентифицировать неиспользуемые стили в редакторе? Или только в ручную просматривать и прибивать в css?
Получилось очень круто, хотя и в очень быстром темпе(но это, скорее, моя проблема). Но у меня возник вопрос: как лучше хранить все эти стили? Т.е., писать стили в файлах компонент(как это делал ты), создавать отдельный файл со всеми стилями или для каждой компоненты создавать отдельный файл со стилями?
Спасибо большое) Как хранить стили, дело вкуса, так, чтобы было вам удобно, но лучше выносить в отдельные файлы, ибо они могут разрастаться и компоненты будут слишком толстые)
Это конечно прикольно, спасибо за видео, как всегда помогаешь, лайк) Но получается если мы в глобальных стилях написали миксин, то не понятно можем ли мы в styled components использовать @include для вставки миксина в стили какой-либо компоненты, т.к. в scss миксин импортируется из другого scss файла и вставляется с помощью @include, а тут у нас стили в js, и как к ним достучаться и взять у них нужный нам миксин не понятно
Такая чепуха эта либа.. Бесконечно лишний код. Читаемость ужасная. Реакт и так страдает от Wrapper hell, а тут ещё хуже предлагают сделать. Спасибо, автор, за разбор.
За видео спасибо, хорошо всё показываешь, всё доступно и по делу, но есть вопрос: так и не понял, в чём преимущество использовать эту библиотеку перед чистым css или тем же sass? Зачем люди изобретают велосипеды, оно же ничего нового не приносит и ни как не упрощает жизнь в сравнении с обычными подключенным стилями?
@@blgarOk Представь реакт-компонент на пример, которому необходимо динамически менять стили в зависимости от действий пользователя. Как это можно сделать без styled-comp.? На нативном CSS ты бы сделал стиль-модификатор и при том или ином условии аппэндил бы его к класнэйму, или использовал сторонние либы типо classnames, или вообще сделал бы css модульным. В styled же ты можешь просто использовать пропсы или элементарные тернарки в тех значениях, которые динамически меняешь. И это только простейший пример из возможного использования. Еще как вариант - это расширяемость и переиспользуемость компонентов( впринципе философия реакта ), чего не получится сделать в ванильном css/html, поскольку, ты будешь плодить, опять же, либо стили модификаторы, либо городить громадное html-дерево.
Спасибо большое за ваши старания, я очень вам благодарен! Максимально пытаюсь распространить ваш контент, к сожалению, на данный момент это единственное чем я могу отблагодарить вас.
@@TheProfessionalGambler фрейворк сложнее, чем "просто набор компонентов". Угомонись уже - твоё мнение не спрашивали, и оно никому не интересно. @Ulbi TV извини, молодёжь наглая пошла, правила поведения иногда приходится напоминать
Спасибо за видео, как раз столкнулся с этой библиотекой, но есть вопрос: -Работаю через PhpStorm и не получается использовать шорткаты для написания стилей.(например если в VScode работать то там можно w100 и будет width: 100 px; тут же приходится все полностью писать и у вас на видео смотрю вы тоже пишете сами все. Так вот вопрос в Storme никак нельзя добавить такие шорткаты? Спасибо!
Огромное спасибо за видео. По началу я не понимал почему нужен СтаилКомпонент, казалось жутко неудобная штука, все оборачивать в дополнительные компоненты. Но когда ты начал использовать его как Бутстрап стало понятно как им правильно пользоваться. Крутая штука 👍👍👍👍👍 Единственная проблема для меня, это неудобно писать CSS в без подсказок и быстрого набора
Бро, это шикарно! Но одно НО. Делай пожалуйста размер шрифта побольше, а то не видно. Приходится ставить на паузу и приглядываться. Или же прижиматься к монитору ((
Спасибо за труд! Как только получил задание разобраться с библиотекой Styled Components сразу пошёл к тебе, так как знал что ты точно хорошо всё объяснишь и не прогадал ))
Если я не ошибаюсь, есть styled components и для react native( кажется там этот инструмент крайне полезен)? Посмотрел, спасибо:) правда ещё прошлое надо глянуть:)))
Спасибо, бро!)
Было, честно говоря, немного лень разбираться самому с этой библиотекой, а ты за 20 минут рассказал основные концепции, за что я очень благодарен.
Удачи в деятельности и продвижении канала)
В который раз убеждаюсь, насколько хорошо ты объясняешь новые, сложные вещи очень доступно и даже для новичков стараешься, #Ульбивтренды
Как раз собираемся внедрять в проект Styled Components. Спасибо.
отличная подача, в последнее время только твой канал и смотрю, спасибо за видео
Спасибо за видео, всё очень доступно! Как раз сейчас проект на этой библиотеке. И какой это кошмар, я в шоке, зачем было создавать и пользоваться настолько неудобной, архитектурно поломанной библиотекой. Мешать компоненты с CSS, когда есть модульный SCSS. Слов нет. Вот уж действительно не всё хайповое = хорошее. Учитывая что обычно это еще вместе с ts пишется и каким-нибудь rxjs, это будет лютый гвнокод...
Как хорошо что я наткнулся на твой канал, все намного в этом нелегком ремесле стало чуточку прощу, респект ты красавчик!
Спасибо тебе, Автор! Очень кратко и, при этом, очень информативно!
Спасибо бро! Как всегда на высоте! 30 минут и уже работаю с технологией)
Обычно я когда смотрю ролики про разработку, то я почти всегда ставлю скорость воспроизведения видео 1.25-1.5. Смотря видосы на этом канале я иногда задумываюсь поставить 0.75 :) Очень плотная подача материала, приятно смотреть. Спасибо автору :)
Спасибо вам!)
При этом явно талант преподнесения информации 👏 информации много и все понятно 😌
А я смотрел на 2,5 - очень наглядно, понятно.
Начал работу над новым проектом (React Native), где используются styled components, нужно было быстро обзорно изучить как оно работает.
Просмотр этого видео на 100% решил эту задачу.
Спасибо автору!
Спасибо Тимур еще не посмотрел видео но уверен ты как всегда лучший! Любые технологии если в них затык перешерстишь документацю почитаешь сам, и затем твой видос раскидыввает все по полочкам, прям внутренняя радость когда при поиске темы выдает твой видос у меня сразу в голове мысль: 'Все, дело в шляпе сейчас разберемся с проблемой'))
Комментарий для продвижения канала, библиотека просто огонь!
Спасибо за твой труд!
Огромное спасибо. Сжато. Без воды. Полезно. Лайк!!!
Супер! Спасибо!
Интересный и довольно удобный для компонентного подхода способ стилизации. Ещё круто то, что к любым CSS-свойствам может быть доступ из JS.
Всё по делу! Styled Components, React, ThemeProvider
Спасибо!)
крутий відосик для початківців! Лайк за старання! :)
Ulbi!, просто от души благодарю! Очень понятно и круто! Технология огонь! Буду применять в своих проектах!)
Шикарно. Спасибо большое за труд
благодарю!)
Супер, спасибо за видео! Не работала со styled components до этого, но на работе он используется
Для быстрого и глубокого понимания темы видео очень зашло)
Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.
Очень спасибо за контент.
Ещё бы для продвинутых видео было бы интересно react, mui, styled-components
Спасибо за информацию, отличное видео!
Как всегда все круто, спасибо за контент
Топовый урок! Спасибо.
Спасибо Максим за труды, красавчик, как то недавно попал на твое видео , потом на второе, потом на третье и решил сразу подписаться, так как у тебя очень полезный контент!
Крутой видос, спасибо.
Благодарю!
Можно поставить расширение vscode-styled-components, и тогда не нужно будет писать стили вслепую
Спасибо большое, очень полезная информация
Ахуенное видео, без воды и все по делу, лайк
На канале нет воды, спасибо дружище)
Плюсик к резюме
Круто, чувак, спасибо!
круто, спасибо!
"какой-то ОДОБРИТЕЛЬНЫЙ комментарий..."
У меня вопрос. По идее, не получится ли нахломления css в компонентах или это все в строки убирается в отдельный файл или как это происходит? (если надо до конца досмотреть ради ответа, то проигнорируйте сообщение, я позже досмотрю). Просто сейчас я вижу довольно много css и читабельность компонента резко просидает как по мне. Но библиотека топ, если нужно что-то не сильно сложное, за минимальное время и без боли
Очень круто, спасибо
Очень здорово! Спасибо.
StylesComponent!
А в чем преимущество то styled components? К примеру перед БЭМ.
Привет спасибо за крутые видосы, очень помогает! Есть вопрос: делая приложение с использованием styled components часто меняются стили, удаляются, создаютя новые и т.д. И в один момент приходит понимание того что ты заменил или вырезал несколько кусков кода а стили к ним НЕИСПОЛЬЗУЕМЫЕ так и продолжают болтаться и к моменту окончания разработки их уже довольно много. Есть ли возможность как нибудь идентифицировать неиспользуемые стили в редакторе? Или только в ручную просматривать и прибивать в css?
ТОПчик)
Получилось очень круто, хотя и в очень быстром темпе(но это, скорее, моя проблема). Но у меня возник вопрос: как лучше хранить все эти стили? Т.е., писать стили в файлах компонент(как это делал ты), создавать отдельный файл со всеми стилями или для каждой компоненты создавать отдельный файл со стилями?
Спасибо большое) Как хранить стили, дело вкуса, так, чтобы было вам удобно, но лучше выносить в отдельные файлы, ибо они могут разрастаться и компоненты будут слишком толстые)
@@UlbiTV Спасибо за совет) Я так и начал делать)
@@ДимаФоминенков успехов!)
Привет, а что за софт ты используешь для записи роликов?
Привет, разный, бандикам, ОБС
можно ли поменять какой-то глобальный лейаут, в который завёртнут компонент внутри этого компонента, не изменяя лейаут для других компонентов?)
Почему ты о пропсе as ничего не рассказал??
Красавчик
Это конечно прикольно, спасибо за видео, как всегда помогаешь, лайк)
Но получается если мы в глобальных стилях написали миксин, то не понятно можем ли мы в styled components использовать @include для вставки миксина в стили какой-либо компоненты, т.к. в scss миксин импортируется из другого scss файла и вставляется с помощью @include, а тут у нас стили в js, и как к ним достучаться и взять у них нужный нам миксин не понятно
Все просто: нужный тебе набор переиспользуемых стилей запаковуешь в js-объект и разбираешь по месту использования, чем не миксин?
бля топчик брат
а зачем было делать для StyledButton враппер Button и тд, если можно было бы сразу в App.js Styled.. копмоненты использовать?
топ
Такая чепуха эта либа.. Бесконечно лишний код. Читаемость ужасная. Реакт и так страдает от Wrapper hell, а тут ещё хуже предлагают сделать.
Спасибо, автор, за разбор.
Спасибо за отзыв!) Да, тут уже дело вкуса
ThemeProvider: "theme" prop is required. ]
помогите у меня такая ошибка , при подключения Theme , я делал точно так как на видео
Было бы круто теперь все эти курсы сделать с применением Typescript
В планах есть, вопрос времени!)
А еще лучше atomic react gesign + styled components + TS + Storybook.js =)
@@UlbiTV Можно с этим сдлеать какой то комерчиский проект ) Будет здорово !
За видео зачет, но зачем стайлед-компоненты заворачивать в еще один компонент?
Сейчас все боевые проекты идут на такой библе. Лайк за старание. Ждём выхода по видео по Storybook
Привет, есть в планах! Спасибо!
Очень хороший курс по styled components в react. Пересмотрел два раза!
Спасиб)
Чтоб не смотреть два раза, нужно было скорость видео на 0.75 ставить xD
@@hailrase794 это точно ахах
За видео спасибо, хорошо всё показываешь, всё доступно и по делу, но есть вопрос: так и не понял, в чём преимущество использовать эту библиотеку перед чистым css или тем же sass? Зачем люди изобретают велосипеды, оно же ничего нового не приносит и ни как не упрощает жизнь в сравнении с обычными подключенным стилями?
И я задался этим же вопросом, на кой этот велосипед. Заметил только лишний гемор.
@@blgarOk Представь реакт-компонент на пример, которому необходимо динамически менять стили в зависимости от действий пользователя. Как это можно сделать без styled-comp.? На нативном CSS ты бы сделал стиль-модификатор и при том или ином условии аппэндил бы его к класнэйму, или использовал сторонние либы типо classnames, или вообще сделал бы css модульным. В styled же ты можешь просто использовать пропсы или элементарные тернарки в тех значениях, которые динамически меняешь. И это только простейший пример из возможного использования.
Еще как вариант - это расширяемость и переиспользуемость компонентов( впринципе философия реакта ), чего не получится сделать в ванильном css/html, поскольку, ты будешь плодить, опять же, либо стили модификаторы, либо городить громадное html-дерево.
Спасибо большое за ваши старания, я очень вам благодарен! Максимально пытаюсь распространить ваш контент, к сожалению, на данный момент это единственное чем я могу отблагодарить вас.
И вам спасибо огромное!) На данный момент, самое ценное, что вы можете сделать, это распространить контент!)
Тимур не успеваю смотреть твои ролики но лаики ставлю)
Лайки, и по возможности, посмотреть тоже стоит, для вас стараюсь!)) Спасибо, Гурген!
Такому каналу надо как минимум 1 миллион подписчиков
Ахах!) согласен! Спасибо! С вашей поддержкой
Однозначно
Согласен 🔥🔥🔥
Согласна!!!
Отлично, недавно осваивал технологию. Может, материалайз ещё в добавок?
Это ж просто набор компонентов, что там объяснять?
@@TheProfessionalGambler твоё мнение очень важно 🤔
@@jorgen5462 аргументированный ответ на вопрос 😂
Вы чего ругаетесь тут!! Стопэ
@@TheProfessionalGambler фрейворк сложнее, чем "просто набор компонентов". Угомонись уже - твоё мнение не спрашивали, и оно никому не интересно.
@Ulbi TV извини, молодёжь наглая пошла, правила поведения иногда приходится напоминать
лаконично и по делу,
очень информативно.
Успехов, дружище!
Спасибо за видео, как раз столкнулся с этой библиотекой, но есть вопрос:
-Работаю через PhpStorm и не получается использовать шорткаты для написания стилей.(например если в VScode работать то там можно w100 и будет width: 100 px; тут же приходится все полностью писать и у вас на видео смотрю вы тоже пишете сами все. Так вот вопрос в Storme никак нельзя добавить такие шорткаты? Спасибо!
Знаком со стайлед, но видос как обычно хороший
Спасибо друг, рад стараться)
Какие клавиши ты нажимаешь для быстрого создания компонентов?
Rsc + tab
Супер,спс ! Styled Components & React
Круто 👍🔥
очень плотная подача информации, лучше рассказывать медленно а кому надо сделает скорость 1,25++ , а то 0,75 такое сего слушать))
А с ant design не доводилось работать?)
Неа)
Огромное тебе спасибо за видео, помог мне разобраться со styled components (писал код на typescript), когда зп повысят отправлю тебе донат !
Сделай видео с применением Typescript + styled-components + storybook
Красавчик)) былобы не плохо react-bootstrap какое-то ексклюзивное приложение)
Шото нет обещанного видоса, который обещал на выходных.
Дел было оч много дружище, видос очень обьемный, очень много сил вложил, почти закончил монтировать, надеюсь к выходным успеть
@@UlbiTV Ок, тогда ждем !
Ты молодец! Мне твоё видео помогло понять концепцию этой технологии.
Спасибо друг) на канале много интересного, рекомендую)
Красава, спасибо!!!))
Пушка, спасибо большое
Рад слышать:)
Хороший ролик спасибо , только я так и не понял как размеры через пропсы прокидывать, а числа как?
Красавчик парень. Подсобите лайками и просмотрами, го в топ!
Этот комментарий создан в качестве уважения автору и для продвижения его канала
Супер! Может тепеть реальный проект, хотябы не большой........
отличный урок, так держать
Огромное спасибо за видео.
По началу я не понимал почему нужен СтаилКомпонент, казалось жутко неудобная штука, все оборачивать в дополнительные компоненты.
Но когда ты начал использовать его как Бутстрап стало понятно как им правильно пользоваться.
Крутая штука 👍👍👍👍👍
Единственная проблема для меня, это неудобно писать CSS в без подсказок и быстрого набора
Расширение vscode-styled-components поможет
Отлично!) Жги, бро) для webStorm, кстати, есть плагины для автокомплита и stayleLinter для styledComponents
Спасибо!) Как раз искал такие плагины!
Отличное видео! Удобная штука, особенно если без css-фреймворка пилить проект.
Спасибо!)
Большое человеческое спасибо Тебе за то, что Ты делаешь.
А вам большое человеческое спасибо за поддержку!
Как по мне эта библиотека больше подходит для React Native
Ну ее везде можно применить)
Четкий ментор!!! Не пожалел что подписался!!!
Молодец - пора уже было обновить устаревшие видосы на TH-cam
Спасибо!) А устаревшие это какие?
@@UlbiTV Ролики, которые рассказывают про ту или иную технологию - быстро устаревают, то что писали вчера на react сегодня уже не совсем актуально
Миллион лайков)
Очень годно, спасибо!
Стараюсь) спасибо!
очень годный контент и доходчивое объяснение. после ваших видосов многое в голове встает на свои места. спасибо.
Спасибо!
Спасибо, отличное видео.
Бро, а что за сниппет для развертывания компонент?
Спасибо! Лучший!)
Бро, это шикарно! Но одно НО. Делай пожалуйста размер шрифта побольше, а то не видно. Приходится ставить на паузу и приглядываться. Или же прижиматься к монитору ((
Уже увеличивал на 1 размер, увеличу еще на 1, монитор маленький, слишком большой шрифт тоже не оч, мало что вмещается(
@@UlbiTV спасибо бро)
Спасибо за труд! Как только получил задание разобраться с библиотекой Styled Components сразу пошёл к тебе, так как знал что ты точно хорошо всё объяснишь и не прогадал ))
Класс, как раз надо было быстро разобраться, ты очень помог, спасибо!
Да что ты творишь ?
Просто красаучик
Спасибо дружище!)
+
Это хардкор со стилями. Кто придумал это, наверно что бы поджать фронтов. Спасибо! Супер! Удачи!
Если я не ошибаюсь, есть styled components и для react native( кажется там этот инструмент крайне полезен)? Посмотрел, спасибо:) правда ещё прошлое надо глянуть:)))
Глянуть конечно надо!)) Да, в реакт нейтив часто используют
Спасибо!