Тёмный

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

Ulbi TV
Подписаться 308 тыс.
Просмотров 68 тыс.
50% 1

Опубликовано:

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 300   
@MrYehBr
@MrYehBr 3 года назад
Обычно я когда смотрю ролики про разработку, то я почти всегда ставлю скорость воспроизведения видео 1.25-1.5. Смотря видосы на этом канале я иногда задумываюсь поставить 0.75 :) Очень плотная подача материала, приятно смотреть. Спасибо автору :)
@UlbiTV
@UlbiTV 3 года назад
Спасибо вам!)
@ЭльнараГайнанова-ф3к
@ЭльнараГайнанова-ф3к 9 месяцев назад
При этом явно талант преподнесения информации 👏 информации много и все понятно 😌
@JIexaman
@JIexaman 2 месяца назад
А я смотрел на 2,5 - очень наглядно, понятно. Начал работу над новым проектом (React Native), где используются styled components, нужно было быстро обзорно изучить как оно работает. Просмотр этого видео на 100% решил эту задачу. Спасибо автору!
@user-zn5ky3fw5h
@user-zn5ky3fw5h 3 года назад
Спасибо, бро!) Было, честно говоря, немного лень разбираться самому с этой библиотекой, а ты за 20 минут рассказал основные концепции, за что я очень благодарен. Удачи в деятельности и продвижении канала)
@PoRoKLusT
@PoRoKLusT 2 года назад
Спасибо за видео, всё очень доступно! Как раз сейчас проект на этой библиотеке. И какой это кошмар, я в шоке, зачем было создавать и пользоваться настолько неудобной, архитектурно поломанной библиотекой. Мешать компоненты с CSS, когда есть модульный SCSS. Слов нет. Вот уж действительно не всё хайповое = хорошее. Учитывая что обычно это еще вместе с ts пишется и каким-нибудь rxjs, это будет лютый гвнокод...
@jsmonstr9638
@jsmonstr9638 3 года назад
Очень хороший курс по styled components в react. Пересмотрел два раза!
@UlbiTV
@UlbiTV 3 года назад
Спасиб)
@hailrase794
@hailrase794 2 года назад
Чтоб не смотреть два раза, нужно было скорость видео на 0.75 ставить xD
@jsmonstr9638
@jsmonstr9638 2 года назад
@@hailrase794 это точно ахах
@АлександрДми
@АлександрДми 3 года назад
Сейчас все боевые проекты идут на такой библе. Лайк за старание. Ждём выхода по видео по Storybook
@UlbiTV
@UlbiTV 3 года назад
Привет, есть в планах! Спасибо!
@coldtouch9099
@coldtouch9099 3 года назад
В который раз убеждаюсь, насколько хорошо ты объясняешь новые, сложные вещи очень доступно и даже для новичков стараешься, #Ульбивтренды
@prigotovim
@prigotovim 3 года назад
Как раз собираемся внедрять в проект Styled Components. Спасибо.
@alexandrchazov6185
@alexandrchazov6185 2 года назад
Спасибо за труд! Как только получил задание разобраться с библиотекой Styled Components сразу пошёл к тебе, так как знал что ты точно хорошо всё объяснишь и не прогадал ))
@NikolayKrishtopa
@NikolayKrishtopa Год назад
Видео огонь! Без лишней воды, понятно, доходчиво. Спасибо!
@DrGurgen
@DrGurgen 3 года назад
Тимур не успеваю смотреть твои ролики но лаики ставлю)
@UlbiTV
@UlbiTV 3 года назад
Лайки, и по возможности, посмотреть тоже стоит, для вас стараюсь!)) Спасибо, Гурген!
@akaibegaliev2362
@akaibegaliev2362 3 года назад
Спасибо большое за ваши старания, я очень вам благодарен! Максимально пытаюсь распространить ваш контент, к сожалению, на данный момент это единственное чем я могу отблагодарить вас.
@UlbiTV
@UlbiTV 3 года назад
И вам спасибо огромное!) На данный момент, самое ценное, что вы можете сделать, это распространить контент!)
@dmitrykorovin4356
@dmitrykorovin4356 3 года назад
по-моему это самое топовое видео по styled components. Благодарочка!
@testovtest3881
@testovtest3881 4 месяца назад
отличная подача, в последнее время только твой канал и смотрю, спасибо за видео
@SemenAlexndrovich
@SemenAlexndrovich 3 года назад
Спасибо за прокачку! Ребята, на забывайте ставить лайки и комментировать - человек старается, а подписчиков незаслуженно мало пока!
@UlbiTV
@UlbiTV 3 года назад
Спасибо большое, подписчики растут, с вашей поддержкой, за что я очень благодарен!
@МарияВасиленко-я5к
Автор, спасибо, что без воды!)) И очень хорошая подача материала. Спасибо!
@vladshvec4187
@vladshvec4187 2 года назад
Как хорошо что я наткнулся на твой канал, все намного в этом нелегком ремесле стало чуточку прощу, респект ты красавчик!
@konstantinzhirnov3013
@konstantinzhirnov3013 3 года назад
Большое человеческое спасибо Тебе за то, что Ты делаешь.
@UlbiTV
@UlbiTV 3 года назад
А вам большое человеческое спасибо за поддержку!
@AzazelloCS
@AzazelloCS 3 года назад
Было бы круто теперь все эти курсы сделать с применением Typescript
@UlbiTV
@UlbiTV 3 года назад
В планах есть, вопрос времени!)
@SemenAlexndrovich
@SemenAlexndrovich 3 года назад
А еще лучше atomic react gesign + styled components + TS + Storybook.js =)
@АлиНурлибеков
@АлиНурлибеков 2 года назад
@@UlbiTV Можно с этим сдлеать какой то комерчиский проект ) Будет здорово !
@vladbrusensky6599
@vladbrusensky6599 3 года назад
Все понятно, и плотно подается. Без рассусоливаний. Спасибо.
@STUPIDBETS
@STUPIDBETS 2 года назад
Очень много информации на единицу времени, за 24 минуты узнал столько сколько нужно чтобы начать свой проект, спасибо
@zeleny777leon777
@zeleny777leon777 3 года назад
Ты молодец! Мне твоё видео помогло понять концепцию этой технологии.
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг) на канале много интересного, рекомендую)
@darkside2436
@darkside2436 3 года назад
Такому каналу надо как минимум 1 миллион подписчиков
@UlbiTV
@UlbiTV 3 года назад
Ахах!) согласен! Спасибо! С вашей поддержкой
@beckdev7
@beckdev7 3 года назад
Однозначно
@zizzxiii2714
@zizzxiii2714 3 года назад
Согласен 🔥🔥🔥
@helenit4365
@helenit4365 3 года назад
Согласна!!!
@RenatGrishin
@RenatGrishin 3 года назад
Огромное спасибо за видео. По началу я не понимал почему нужен СтаилКомпонент, казалось жутко неудобная штука, все оборачивать в дополнительные компоненты. Но когда ты начал использовать его как Бутстрап стало понятно как им правильно пользоваться. Крутая штука 👍👍👍👍👍 Единственная проблема для меня, это неудобно писать CSS в без подсказок и быстрого набора
@СергейШота
@СергейШота 2 года назад
Расширение vscode-styled-components поможет
@zubescu
@zubescu 3 года назад
очень годный контент и доходчивое объяснение. после ваших видосов многое в голове встает на свои места. спасибо.
@UlbiTV
@UlbiTV 3 года назад
Спасибо!
@Anatoly8818
@Anatoly8818 3 года назад
Спасибо бро! Как всегда на высоте! 30 минут и уже работаю с технологией)
@ЕвгенийЗаленский-б4ы
Спасибо тебе, Автор! Очень кратко и, при этом, очень информативно!
@ВладимирМороз-щ7и
@ВладимирМороз-щ7и 3 года назад
Красавчик парень. Подсобите лайками и просмотрами, го в топ!
@maksrygaev657
@maksrygaev657 3 года назад
Спасибо Тимур еще не посмотрел видео но уверен ты как всегда лучший! Любые технологии если в них затык перешерстишь документацю почитаешь сам, и затем твой видос раскидыввает все по полочкам, прям внутренняя радость когда при поиске темы выдает твой видос у меня сразу в голове мысль: 'Все, дело в шляпе сейчас разберемся с проблемой'))
@АлександрКоваль-д3щ
Огромное тебе спасибо за видео, помог мне разобраться со styled components (писал код на typescript), когда зп повысят отправлю тебе донат !
@vitaliibondarchuk7030
@vitaliibondarchuk7030 3 года назад
крутий відосик для початківців! Лайк за старання! :)
@ДениИмагожев-й7у
@ДениИмагожев-й7у 3 года назад
Самый четкий спикер на тему js) красавчик, удачи тебе
@deny_awesome
@deny_awesome 3 года назад
Спасибо за Styled Components 🤟🏻 Впервые увидел какая прикольная штука на самом деле и поменял своё мнение. Ваши видосы 🔥 Так держать!!!
@669pain
@669pain 2 года назад
Чем прикольная эта штука? Тем что превращает компонент в одну большую не читаемую кучу всего на свете?
@deny_awesome
@deny_awesome 2 года назад
@@669pain тоже так думал сначала. Когда какое-то время пишешь стилизацию на них, потом всё остальное кажется, так себя. Можно рассуждать до бесконечности, что лучше или хуже. Короче, дело вкуса.
@mikhailstepanishchev283
@mikhailstepanishchev283 3 года назад
Супер,спс ! Styled Components & React
@grigorytrokhinin
@grigorytrokhinin 2 года назад
Комментарий для продвижения канала, библиотека просто огонь! Спасибо за твой труд!
@ЮлияИбрагимова-ъ7п
великолепно объяснил! быстро, просто, понятно и без лишней воды. огромное спасибо, этот ролик очень помог )))
@rukioruk6949
@rukioruk6949 7 месяцев назад
Интересный и довольно удобный для компонентного подхода способ стилизации. Ещё круто то, что к любым CSS-свойствам может быть доступ из JS.
@alexandrelagin5490
@alexandrelagin5490 3 года назад
Отличное видео! Удобная штука, особенно если без css-фреймворка пилить проект.
@UlbiTV
@UlbiTV 3 года назад
Спасибо!)
@АнатолийГорбов-о1ь
Супер, нравится подача, нравится объем материала, не только по верхам, Спасибо!
@BiGSplush
@BiGSplush 3 года назад
Класс, как раз надо было быстро разобраться, ты очень помог, спасибо!
@69hp_pubg
@69hp_pubg 3 года назад
Да что ты творишь ? Просто красаучик
@UlbiTV
@UlbiTV 3 года назад
Спасибо дружище!)
@mediontamginskii5889
@mediontamginskii5889 3 года назад
Четкий ментор!!! Не пожалел что подписался!!!
@l_Chunga_l
@l_Chunga_l Год назад
Как всегда четко, по делу, затронул все интересующие концепты, все без воды и соплей! Спасибо!
@alexandrx1237
@alexandrx1237 3 года назад
Отлично!) Жги, бро) для webStorm, кстати, есть плагины для автокомплита и stayleLinter для styledComponents
@UlbiTV
@UlbiTV 3 года назад
Спасибо!) Как раз искал такие плагины!
@damir-n1
@damir-n1 Год назад
Огромное спасибо. Сжато. Без воды. Полезно. Лайк!!!
@littlegrownbeats
@littlegrownbeats 2 года назад
Ulbi!, просто от души благодарю! Очень понятно и круто! Технология огонь! Буду применять в своих проектах!)
@vladyslavfx3892
@vladyslavfx3892 3 года назад
Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.
@srt2046
@srt2046 3 года назад
Бро, это шикарно! Но одно НО. Делай пожалуйста размер шрифта побольше, а то не видно. Приходится ставить на паузу и приглядываться. Или же прижиматься к монитору ((
@UlbiTV
@UlbiTV 3 года назад
Уже увеличивал на 1 размер, увеличу еще на 1, монитор маленький, слишком большой шрифт тоже не оч, мало что вмещается(
@srt2046
@srt2046 3 года назад
@@UlbiTV спасибо бро)
@konstantinvoronin4687
@konstantinvoronin4687 2 года назад
Спасибо! Отличный материал! Особенно полезен для тех, кто только начинает использовать библиотеку Styled Components в React
@alexpro5670
@alexpro5670 3 года назад
Всё по делу! Styled Components, React, ThemeProvider
@UlbiTV
@UlbiTV 3 года назад
Спасибо!)
@lova4475
@lova4475 3 года назад
Супер! Спасибо!
@ТимурТокумов-и1к
@ТимурТокумов-и1к 2 года назад
Благодарю за видеоурок. Круто что сложность урока постепенно увеличивается начиная с начального.
@hachipoli822
@hachipoli822 2 года назад
react + styled components просто взрывная смесь
@669pain
@669pain 2 года назад
Спасибо за видео! Все как всегда доходчиво и без лишней воды. Выскажу свое мнение по поводу этого подхода - это яркий пример как на ровном месте усложнить себе (и не только) жизнь. Зачем выносить стили из ксс в жс? Почему нельзя подключить один стилевой файл в компонент и описать все стили в нем? Мало того что это невероятно убивает читаемость кода, добавляет кучу не нужных строк и параметров, так если туда еще добавить TS то поддержка и читаемость этого кода упадет до нуля. Чем это стало лучше БЭМ? Повесь один класс на блок, поменяй его свойства с помощью модификатора который передал в пропсе и все. Какие-то бесконечные обертки для компонентов чтобы добавить или убрать какие-то стили, проще подключить в корне один глобальный ксс и в нем писать все глобальные стили. Лайк за видео поставил
@kostyakozlov5289
@kostyakozlov5289 2 года назад
полностью согласен, я вообще запутался в этих styled функциях в mui
@СергейШота
@СергейШота 2 года назад
Лучше тем, что у тебя каждый отдельный компонент получается изолированным со своими стилями, которые ни от чего не зависят кроме как от состояния этого компонента. Если делать сложные проекты с кучей различных элементов - то подход "изолированных" стилей сильно приятней БЭМ'а. Но и в таком случае мне гораздо ближе на Styled Components, а css modules
@adam-front
@adam-front 2 года назад
@@СергейШота а css модули??
@СергейШота
@СергейШота 2 года назад
@@adam-front что "CSS модули"?) Я написал, что они мне нравятся больше. Но на моих проектах (интерпрайз) везде используется styled components по решению коллег
@adam-front
@adam-front 2 года назад
@@СергейШота видемо из-за опечатки не понял вас сразу
@yaroslavs7287
@yaroslavs7287 2 года назад
лаконично и по делу, очень информативно. Успехов, дружище!
@beznamea9549
@beznamea9549 3 года назад
Миллион лайков) Очень годно, спасибо!
@UlbiTV
@UlbiTV 3 года назад
Стараюсь) спасибо!
@garikmelqonyan6011
@garikmelqonyan6011 Год назад
Well done, Timur! Your response was concise yet highly informative and explanatory. Thank you.
@MT-qm1ll
@MT-qm1ll 3 года назад
Шикарно. Спасибо большое за труд
@UlbiTV
@UlbiTV 3 года назад
благодарю!)
@LogopedLTD
@LogopedLTD 2 года назад
Очень спасибо за контент. Ещё бы для продвинутых видео было бы интересно react, mui, styled-components
@mykhailostepanishchev6472
@mykhailostepanishchev6472 3 года назад
обожаю твои видосы,спасибо,оч круто ! Styled Components & React
@UlbiTV
@UlbiTV 3 года назад
Круто!) спасибо большое!) раз обожаете, с вас комментарии :)
@mykhailostepanishchev6472
@mykhailostepanishchev6472 3 года назад
@@UlbiTV конешн)
@nyashmyash4
@nyashmyash4 11 месяцев назад
Супер, спасибо за видео! Не работала со styled components до этого, но на работе он используется Для быстрого и глубокого понимания темы видео очень зашло)
@alextotun
@alextotun 2 года назад
Это хардкор со стилями. Кто придумал это, наверно что бы поджать фронтов. Спасибо! Супер! Удачи!
@nemirovandrei
@nemirovandrei 3 года назад
Пушка, спасибо большое
@UlbiTV
@UlbiTV 3 года назад
Рад слышать:)
@dispeltr1183
@dispeltr1183 3 года назад
Коротко и ясно, спасибо товарищ!
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг, рад, что все понятно!
@lightinthedark5708
@lightinthedark5708 3 года назад
спасибо, что без воды)
@devorer77
@devorer77 3 года назад
отличное видео! спасибо. уже есть почти весь набор джентельмена-разработчика. осталось только жест с энзайм запилить :)
@UlbiTV
@UlbiTV 3 года назад
Спасибо Артем) И до тестов когда нибудь доберемся))
@zizzxiii2714
@zizzxiii2714 3 года назад
Круто 👍🔥
@alenagnevusheva8706
@alenagnevusheva8706 3 года назад
Отличное видео, спасибо! Очень понятные примеры и объяснения)
@ДмитрийПолыко
@ДмитрийПолыко Год назад
Как всегда все очень доступно, по делу и постепенно. Спасибо!
@АндрейКутузов-ф4п
@АндрейКутузов-ф4п 4 месяца назад
Дай бог тебе здоровья.
@jobsearchfordancer4372
@jobsearchfordancer4372 3 года назад
Спасибо, отличное видео.
@ВладиславТимофеев-в5т
Отличная подача - супер было бы с TypeScript, как и писали другие.
@dimalukashenko4865
@dimalukashenko4865 3 года назад
отличный урок, так держать
@NefedoffYuriy
@NefedoffYuriy 3 месяца назад
Вот я сейчас ищу любую тему по фронту по следующему алгоритму: 1. Проверяю наличие видоса на нужную тему у Алби, 2. Если есть, смотрим у Алби, 3. Если нет, минута молчания и погнал повторно искать у Алби )), 4. Если не получилось найти, ищу у других авторов, но не от всей души))
@СергейКиселев-ю6щ
@СергейКиселев-ю6щ 2 года назад
Спасибо огромное)) инструмент определённо интересный, появилось желание его использовать))
@falsetrue7910
@falsetrue7910 3 года назад
Знаком со стайлед, но видос как обычно хороший
@UlbiTV
@UlbiTV 3 года назад
Спасибо друг, рад стараться)
@AndriiNakonechnyi-f3y
@AndriiNakonechnyi-f3y 2 года назад
Огонь! Спасибо, было полезно!
@johndoe4016qweasd
@johndoe4016qweasd 3 года назад
Спасибо! Лучший!)
@el.kochevnik
@el.kochevnik 3 года назад
За видео зачет, но зачем стайлед-компоненты заворачивать в еще один компонент?
@sergeysamius1128
@sergeysamius1128 3 года назад
Спасибо за информацию, отличное видео!
@ruslanden1975
@ruslanden1975 3 года назад
Спасибо за курс! Не дурно
@anastasiafrolova6853
@anastasiafrolova6853 3 года назад
Спасибо за видео. Все очень понятно
@bugaga8144
@bugaga8144 2 года назад
Спасибо Максим за труды, красавчик, как то недавно попал на твое видео , потом на второе, потом на третье и решил сразу подписаться, так как у тебя очень полезный контент!
@typlomi
@typlomi Год назад
Спасибо большое за урок) все понятно и без лишнего)
@АндрейПахомов-м7ъ
@АндрейПахомов-м7ъ 3 года назад
Спасибо за твою работу. И за мою будущую)
@UlbiTV
@UlbiTV 3 года назад
Если я внесу хоть какой то минимальный вклад в твою будущую работу, то всё не зря)
@shamilsaytkhanov9786
@shamilsaytkhanov9786 3 года назад
Сделай видео с применением Typescript + styled-components + storybook
@Max-kr4ie
@Max-kr4ie 3 года назад
Спасибо хорошая работа, быстро и понятно.
@UlbiTV
@UlbiTV 3 года назад
Спасибо!)
@dinarsharipov5022
@dinarsharipov5022 2 года назад
Главный конкурент минина!!)))
@Jdjdjjjxhzh
@Jdjdjjjxhzh 3 года назад
Как всегда все круто, спасибо за контент
@user-mu2lr9zc7d
@user-mu2lr9zc7d 3 года назад
Можно поставить расширение vscode-styled-components, и тогда не нужно будет писать стили вслепую
@miwanjaGR
@miwanjaGR 2 месяца назад
отлично объяснил! но юзать эту библиотеку я чет передумал)
@GRCHKA
@GRCHKA 3 года назад
Красава, спасибо!!!))
@umarjuraev1624
@umarjuraev1624 3 года назад
ThemeProvider: "theme" prop is required. ] помогите у меня такая ошибка , при подключения Theme , я делал точно так как на видео
@kirilllutsenko1821
@kirilllutsenko1821 3 года назад
Крутой видос, спасибо.
@UlbiTV
@UlbiTV 3 года назад
Благодарю!
@jsInspector
@jsInspector 3 года назад
Супер, жду еще.
@UlbiTV
@UlbiTV 3 года назад
Спасибо!
@dimadima9436
@dimadima9436 3 года назад
Красавчик)) былобы не плохо react-bootstrap какое-то ексклюзивное приложение)
@МихаилБелоусов-р6й
Спасибо за видео. Надо ещё для IDE плагин поставить "Styled Components & Styled JSX". Автокомплит и подсветка синтаксиса.
@UlbiTV
@UlbiTV 3 года назад
Спасибо)
@Jaytecks
@Jaytecks 3 года назад
У меня автокомплит работает, проверил, а оказалось плагин из коробки стоит)) Webstorm рулит, хотя до этого сидел на VSCode
@dmitriy6602
@dmitriy6602 3 года назад
Как обычно крутой видос! для подсветки синтаксиса CSS рекомендую использовать styled-components plugin. а то со строкой не удобно возиться
@masasikisimoto26
@masasikisimoto26 3 года назад
Спасибо!
@SvetaSveta-ms4hi
@SvetaSveta-ms4hi 3 года назад
Вы лучший!
@makeoverweb2663
@makeoverweb2663 3 года назад
спасибо за видос!
@UlbiTV
@UlbiTV 3 года назад
Спасибо за поддержку!
Далее
How to Install and Use an Adjustable TV Arm
00:18
Просмотров 2 млн
Unique deep painful back massage for Lisa #chiropractor
00:11
Styled Components Crash Course & Project
48:23
Просмотров 256 тыс.
How to Install and Use an Adjustable TV Arm
00:18
Просмотров 2 млн