Styled Components & React ПОЛНЫЙ КУРС

[@MrYehBr]

Обычно я когда смотрю ролики про разработку, то я почти всегда ставлю скорость воспроизведения видео 1.25-1.5. Смотря видосы на этом канале я иногда задумываюсь поставить 0.75 :) Очень плотная подача материала, приятно смотреть. Спасибо автору :)

[@UlbiTV]

Спасибо вам!)

[@ЭльнараГайнанова-ф3к]

При этом явно талант преподнесения информации 👏 информации много и все понятно 😌

[@JIexaman]

А я смотрел на 2,5 - очень наглядно, понятно. Начал работу над новым проектом (React Native), где используются styled components, нужно было быстро обзорно изучить как оно работает. Просмотр этого видео на 100% решил эту задачу. Спасибо автору!

[@КириллТерешкин-ю8м]

Спасибо, бро!) Было, честно говоря, немного лень разбираться самому с этой библиотекой, а ты за 20 минут рассказал основные концепции, за что я очень благодарен. Удачи в деятельности и продвижении канала)

[@jsmonstr9638]

Очень хороший курс по styled components в react. Пересмотрел два раза!

[@UlbiTV]

Спасиб)

[@hailrase794]

Чтоб не смотреть два раза, нужно было скорость видео на 0.75 ставить xD

[@jsmonstr9638]

@@hailrase794 это точно ахах

[@NikolayKrishtopa]

Видео огонь! Без лишней воды, понятно, доходчиво. Спасибо!

[@alexandrchazov6185]

Спасибо за труд! Как только получил задание разобраться с библиотекой Styled Components сразу пошёл к тебе, так как знал что ты точно хорошо всё объяснишь и не прогадал ))

[@coldtouch9099]

В который раз убеждаюсь, насколько хорошо ты объясняешь новые, сложные вещи очень доступно и даже для новичков стараешься, #Ульбивтренды

[@darkside2436]

Такому каналу надо как минимум 1 миллион подписчиков

[@UlbiTV]

Ахах!) согласен! Спасибо! С вашей поддержкой

[@beckdev7]

Однозначно

[@zizzxiii2714]

Согласен 🔥🔥🔥

[@helenit4365]

Согласна!!!

[@vladshvec4187]

Как хорошо что я наткнулся на твой канал, все намного в этом нелегком ремесле стало чуточку прощу, респект ты красавчик!

[@dmitrykorovin4356]

по-моему это самое топовое видео по styled components. Благодарочка!

[@АлександрДми]

Сейчас все боевые проекты идут на такой библе. Лайк за старание. Ждём выхода по видео по Storybook

[@UlbiTV]

Привет, есть в планах! Спасибо!

[@PoRoKLusT]

Спасибо за видео, всё очень доступно! Как раз сейчас проект на этой библиотеке. И какой это кошмар, я в шоке, зачем было создавать и пользоваться настолько неудобной, архитектурно поломанной библиотекой. Мешать компоненты с CSS, когда есть модульный SCSS. Слов нет. Вот уж действительно не всё хайповое = хорошее. Учитывая что обычно это еще вместе с ts пишется и каким-нибудь rxjs, это будет лютый гвнокод...

[@МарияВасиленко-я5к]

Автор, спасибо, что без воды!)) И очень хорошая подача материала. Спасибо!

[@vitaliibondarchuk7030]

крутий відосик для початківців! Лайк за старання! :)

[@akaibegaliev2362]

Спасибо большое за ваши старания, я очень вам благодарен! Максимально пытаюсь распространить ваш контент, к сожалению, на данный момент это единственное чем я могу отблагодарить вас.

[@UlbiTV]

И вам спасибо огромное!) На данный момент, самое ценное, что вы можете сделать, это распространить контент!)

[@konstantinzhirnov3013]

Большое человеческое спасибо Тебе за то, что Ты делаешь.

[@UlbiTV]

А вам большое человеческое спасибо за поддержку!

[@prigotovim]

Как раз собираемся внедрять в проект Styled Components. Спасибо.

[@vladbrusensky6599]

Все понятно, и плотно подается. Без рассусоливаний. Спасибо.

[@DrGurgen]

Тимур не успеваю смотреть твои ролики но лаики ставлю)

[@UlbiTV]

Лайки, и по возможности, посмотреть тоже стоит, для вас стараюсь!)) Спасибо, Гурген!

[@ДениИмагожев11]

Самый четкий спикер на тему js) красавчик, удачи тебе

[@Anatoly8818]

Спасибо бро! Как всегда на высоте! 30 минут и уже работаю с технологией)

[@l_Chunga_l]

Как всегда четко, по делу, затронул все интересующие концепты, все без воды и соплей! Спасибо!

[@maksrygaev657]

Спасибо Тимур еще не посмотрел видео но уверен ты как всегда лучший! Любые технологии если в них затык перешерстишь документацю почитаешь сам, и затем твой видос раскидыввает все по полочкам, прям внутренняя радость когда при поиске темы выдает твой видос у меня сразу в голове мысль: 'Все, дело в шляпе сейчас разберемся с проблемой'))

[@ВладимирМороз-щ7и]

Красавчик парень. Подсобите лайками и просмотрами, го в топ!

[@testovtest3881]

отличная подача, в последнее время только твой канал и смотрю, спасибо за видео

[@zubescu]

очень годный контент и доходчивое объяснение. после ваших видосов многое в голове встает на свои места. спасибо.

[@UlbiTV]

Спасибо!

[@ЮлияИбрагимова-ъ7п]

великолепно объяснил! быстро, просто, понятно и без лишней воды. огромное спасибо, этот ролик очень помог )))

[@grigorytrokhinin]

Комментарий для продвижения канала, библиотека просто огонь! Спасибо за твой труд!

[@ЕвгенийЗаленский-б4ы]

Спасибо тебе, Автор! Очень кратко и, при этом, очень информативно!

[@zeleny777leon777]

Ты молодец! Мне твоё видео помогло понять концепцию этой технологии.

[@UlbiTV]

Спасибо друг) на канале много интересного, рекомендую)

[@damir-n1]

Огромное спасибо. Сжато. Без воды. Полезно. Лайк!!!

[@АнатолийГорбов-о1ь]

Супер, нравится подача, нравится объем материала, не только по верхам, Спасибо!

[@RenatGrishin]

Огромное спасибо за видео. По началу я не понимал почему нужен СтаилКомпонент, казалось жутко неудобная штука, все оборачивать в дополнительные компоненты. Но когда ты начал использовать его как Бутстрап стало понятно как им правильно пользоваться. Крутая штука 👍👍👍👍👍 Единственная проблема для меня, это неудобно писать CSS в без подсказок и быстрого набора

[@СергейШота]

Расширение vscode-styled-components поможет

[@mediontamginskii5889]

Четкий ментор!!! Не пожалел что подписался!!!

[@nyashmyash4]

Супер, спасибо за видео! Не работала со styled components до этого, но на работе он используется Для быстрого и глубокого понимания темы видео очень зашло)

[@deny_awesome]

Спасибо за Styled Components 🤟🏻 Впервые увидел какая прикольная штука на самом деле и поменял своё мнение. Ваши видосы 🔥 Так держать!!!

[@669pain]

Чем прикольная эта штука? Тем что превращает компонент в одну большую не читаемую кучу всего на свете?

[@deny_awesome]

@@669pain тоже так думал сначала. Когда какое-то время пишешь стилизацию на них, потом всё остальное кажется, так себя. Можно рассуждать до бесконечности, что лучше или хуже. Короче, дело вкуса.

[@ТимурТокумов-и1к]

Благодарю за видеоурок. Круто что сложность урока постепенно увеличивается начиная с начального.

[@АлександрКоваль-д3щ]

Огромное тебе спасибо за видео, помог мне разобраться со styled components (писал код на typescript), когда зп повысят отправлю тебе донат !

[@littlegrownbeats]

Ulbi!, просто от души благодарю! Очень понятно и круто! Технология огонь! Буду применять в своих проектах!)

[@69hp_pubg]

Да что ты творишь ? Просто красаучик

[@UlbiTV]

Спасибо дружище!)

[@AzazelloCS]

Было бы круто теперь все эти курсы сделать с применением Typescript

[@UlbiTV]

В планах есть, вопрос времени!)

[@SemenAlexndrovich]

А еще лучше atomic react gesign + styled components + TS + Storybook.js =)

[@АлиНурлибеков]

@@UlbiTV Можно с этим сдлеать какой то комерчиский проект ) Будет здорово !

[@BiGSplush]

Класс, как раз надо было быстро разобраться, ты очень помог, спасибо!

[@alexandrelagin5490]

Отличное видео! Удобная штука, особенно если без css-фреймворка пилить проект.

[@UlbiTV]

Спасибо!)

[@konstantinvoronin4687]

Спасибо! Отличный материал! Особенно полезен для тех, кто только начинает использовать библиотеку Styled Components в React

[@garikmelqonyan6011]

Well done, Timur! Your response was concise yet highly informative and explanatory. Thank you.

[@mikhailstepanishchev283]

Супер,спс ! Styled Components & React

[@dinarsharipov5022]

Главный конкурент минина!!)))

[@dispeltr1183]

Коротко и ясно, спасибо товарищ!

[@UlbiTV]

Спасибо друг, рад, что все понятно!

[@hachipoli822]

react + styled components просто взрывная смесь

[@ДмитрийПолыко]

Как всегда все очень доступно, по делу и постепенно. Спасибо!

[@alexandrx1237]

Отлично!) Жги, бро) для webStorm, кстати, есть плагины для автокомплита и stayleLinter для styledComponents

[@UlbiTV]

Спасибо!) Как раз искал такие плагины!

[@vladyslavfx3892]

Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.

[@lightinthedark5708]

спасибо, что без воды)

[@lova4475]

Супер! Спасибо!

[@MT-qm1ll]

Шикарно. Спасибо большое за труд

[@UlbiTV]

благодарю!)

[@rukioruk6949]

Интересный и довольно удобный для компонентного подхода способ стилизации. Ещё круто то, что к любым CSS-свойствам может быть доступ из JS.

[@alextotun]

Это хардкор со стилями. Кто придумал это, наверно что бы поджать фронтов. Спасибо! Супер! Удачи!

[@alexpro5670]

Всё по делу! Styled Components, React, ThemeProvider

[@UlbiTV]

Спасибо!)

[@devorer77]

отличное видео! спасибо. уже есть почти весь набор джентельмена-разработчика. осталось только жест с энзайм запилить :)

[@UlbiTV]

Спасибо Артем) И до тестов когда нибудь доберемся))

[@bugaga8144]

Спасибо Максим за труды, красавчик, как то недавно попал на твое видео , потом на второе, потом на третье и решил сразу подписаться, так как у тебя очень полезный контент!

[@LogopedLTD]

Очень спасибо за контент. Ещё бы для продвинутых видео было бы интересно react, mui, styled-components

[@beznamea9549]

Миллион лайков) Очень годно, спасибо!

[@UlbiTV]

Стараюсь) спасибо!

[@yaroslavs7287]

лаконично и по делу, очень информативно. Успехов, дружище!

[@mykhailostepanishchev6472]

обожаю твои видосы,спасибо,оч круто ! Styled Components & React

[@UlbiTV]

Круто!) спасибо большое!) раз обожаете, с вас комментарии :)

[@mykhailostepanishchev6472]

@@UlbiTV конешн)

[@nemirovandrei]

Пушка, спасибо большое

[@UlbiTV]

Рад слышать:)

[@SvetaSveta-ms4hi]

Вы лучший!

[@AndriiNakonechnyi-f3y]

Огонь! Спасибо, было полезно!

[@669pain]

Спасибо за видео! Все как всегда доходчиво и без лишней воды. Выскажу свое мнение по поводу этого подхода - это яркий пример как на ровном месте усложнить себе (и не только) жизнь. Зачем выносить стили из ксс в жс? Почему нельзя подключить один стилевой файл в компонент и описать все стили в нем? Мало того что это невероятно убивает читаемость кода, добавляет кучу не нужных строк и параметров, так если туда еще добавить TS то поддержка и читаемость этого кода упадет до нуля. Чем это стало лучше БЭМ? Повесь один класс на блок, поменяй его свойства с помощью модификатора который передал в пропсе и все. Какие-то бесконечные обертки для компонентов чтобы добавить или убрать какие-то стили, проще подключить в корне один глобальный ксс и в нем писать все глобальные стили. Лайк за видео поставил

[@kostyakozlov5289]

полностью согласен, я вообще запутался в этих styled функциях в mui

[@СергейШота]

Лучше тем, что у тебя каждый отдельный компонент получается изолированным со своими стилями, которые ни от чего не зависят кроме как от состояния этого компонента. Если делать сложные проекты с кучей различных элементов - то подход "изолированных" стилей сильно приятней БЭМ'а. Но и в таком случае мне гораздо ближе на Styled Components, а css modules

[@adam-front]

@@СергейШота а css модули??

[@СергейШота]

@@adam-front что "CSS модули"?) Я написал, что они мне нравятся больше. Но на моих проектах (интерпрайз) везде используется styled components по решению коллег

[@adam-front]

@@СергейШота видемо из-за опечатки не понял вас сразу

[@alenagnevusheva8706]

Отличное видео, спасибо! Очень понятные примеры и объяснения)

[@АлександрСергеевич-и4ы]

Просто БОМБА!!!!!!!! Я ЗНАЮ КУНГ-ФУ!!!!!!!!!!!!!!

[@СергейКиселев-ю6щ]

Спасибо огромное)) инструмент определённо интересный, появилось желание его использовать))

[@ruslanden1975]

Спасибо за курс! Не дурно

[@typlomi]

Спасибо большое за урок) все понятно и без лишнего)

[@ВладиславТимофеев-в5т]

Отличная подача - супер было бы с TypeScript, как и писали другие.

[@el.kochevnik]

За видео зачет, но зачем стайлед-компоненты заворачивать в еще один компонент?

[@falsetrue7910]

Знаком со стайлед, но видос как обычно хороший

[@UlbiTV]

Спасибо друг, рад стараться)

[@Jdjdjjjxhzh]

Как всегда все круто, спасибо за контент

[@АндрейКутузов-ф4п]

Дай бог тебе здоровья.

[@zizzxiii2714]

Круто 👍🔥

[@dimalukashenko4865]

отличный урок, так держать

[@Max-kr4ie]

Спасибо хорошая работа, быстро и понятно.

[@UlbiTV]

Спасибо!)

[@shamilsaytkhanov9786]

Сделай видео с применением Typescript + styled-components + storybook

[@sergeysamius1128]

Спасибо за информацию, отличное видео!

[@anastasiafrolova6853]

Спасибо за видео. Все очень понятно

[@АндрейПахомов-м7ъ]

Спасибо за твою работу. И за мою будущую)

[@UlbiTV]

Если я внесу хоть какой то минимальный вклад в твою будущую работу, то всё не зря)

[@jobsearchfordancer4372]

Спасибо, отличное видео.

[@johndoe4016qweasd]

Спасибо! Лучший!)

[@jsInspector]

Супер, жду еще.

[@UlbiTV]

Спасибо!

[@NefedoffYuriy]

Вот я сейчас ищу любую тему по фронту по следующему алгоритму: 1. Проверяю наличие видоса на нужную тему у Алби, 2. Если есть, смотрим у Алби, 3. Если нет, минута молчания и погнал повторно искать у Алби )), 4. Если не получилось найти, ищу у других авторов, но не от всей души))

[@kokoc58]

Можно поставить расширение vscode-styled-components, и тогда не нужно будет писать стили вслепую

[@МихаилБелоусов-р6й]

Спасибо за видео. Надо ещё для IDE плагин поставить "Styled Components & Styled JSX". Автокомплит и подсветка синтаксиса.

[@UlbiTV]

Спасибо)

[@Jaytecks]

У меня автокомплит работает, проверил, а оказалось плагин из коробки стоит)) Webstorm рулит, хотя до этого сидел на VSCode

[@denys4965]

Топовый урок! Спасибо.

[@umarjuraev1624]

ThemeProvider: "theme" prop is required. ] помогите у меня такая ошибка , при подключения Theme , я делал точно так как на видео

[@coldtouch9099]

ого, круто, спасибо!

[@dimadima9436]

Красавчик)) былобы не плохо react-bootstrap какое-то ексклюзивное приложение)

[@jorgen5462]

Отлично, недавно осваивал технологию. Может, материалайз ещё в добавок?

[@TheProfessionalGambler]

Это ж просто набор компонентов, что там объяснять?

[@jorgen5462]

@@TheProfessionalGambler твоё мнение очень важно 🤔

[@TheProfessionalGambler]

@@jorgen5462 аргументированный ответ на вопрос 😂

[@UlbiTV]

Вы чего ругаетесь тут!! Стопэ

[@jorgen5462]

@@TheProfessionalGambler фрейворк сложнее, чем "просто набор компонентов". Угомонись уже - твоё мнение не спрашивали, и оно никому не интересно. @Ulbi TV извини, молодёжь наглая пошла, правила поведения иногда приходится напоминать

[@jenya476]

За видео спасибо, хорошо всё показываешь, всё доступно и по делу, но есть вопрос: так и не понял, в чём преимущество использовать эту библиотеку перед чистым css или тем же sass? Зачем люди изобретают велосипеды, оно же ничего нового не приносит и ни как не упрощает жизнь в сравнении с обычными подключенным стилями?

[@blgarOk]

И я задался этим же вопросом, на кой этот велосипед. Заметил только лишний гемор.

[@EugeneKh.]

@@blgarOk Представь реакт-компонент на пример, которому необходимо динамически менять стили в зависимости от действий пользователя. Как это можно сделать без styled-comp.? На нативном CSS ты бы сделал стиль-модификатор и при том или ином условии аппэндил бы его к класнэйму, или использовал сторонние либы типо classnames, или вообще сделал бы css модульным. В styled же ты можешь просто использовать пропсы или элементарные тернарки в тех значениях, которые динамически меняешь. И это только простейший пример из возможного использования. Еще как вариант - это расширяемость и переиспользуемость компонентов( впринципе философия реакта ), чего не получится сделать в ванильном css/html, поскольку, ты будешь плодить, опять же, либо стили модификаторы, либо городить громадное html-дерево.

[@JohnDoe-yk6qq]

Ulbi лучший

[@B.Maksym]

Спасибо за видео, как раз столкнулся с этой библиотекой, но есть вопрос: -Работаю через PhpStorm и не получается использовать шорткаты для написания стилей.(например если в VScode работать то там можно w100 и будет width: 100 px; тут же приходится все полностью писать и у вас на видео смотрю вы тоже пишете сами все. Так вот вопрос в Storme никак нельзя добавить такие шорткаты? Спасибо!

[@bentonfraizer69]

Сложные эти крашеные компоненты. Спасибо за видео.

[@blog_travelling]

Крутой контент, спасибо!

[@UlbiTV]

Спасибо друг!)