14. Уроки React JS (css-модули, css-modules)

  Рет қаралды 223,558

IT-KAMASUTRA

IT-KAMASUTRA

5 жыл бұрын

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на:
Patreon / itkamasutra
Boosty boosty.to/itkamasutra
или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
Уроки по React JS: • Курс "React JS - путь ...
Ребят, создавая такие вот свои личные компоненты\блоки\теги, мы дробим наше приложение и нам удобно.
Хотелось бы как-то ещё и css писать да так, чтобы сильно не загоняться и всё само работало ))
В React есть несколько родходов по работе со стилями. Мы в данном курсе будем использовать css модули!!!
Строго рекомендую ознакомиться с этими статьями:
БЭМ: ru.bem.info/methodology/quick...
Стили в React: habr.com/company/mailru/blog/...
* Сайты:
it-kamasutra.com
it-incubator.ru
samuraijs.com
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс

Пікірлер: 1 500
@hilarious-_-7569
@hilarious-_-7569 Жыл бұрын
уже 23 год. Но до сих пор твои уроки самые афигенные. Вот честно... ты лучший!
@kirillpodolinniy309
@kirillpodolinniy309 4 жыл бұрын
+ если смотришь в 2к20, все круто, спасибо тебе большое!
@user-vw8dg8mt7q
@user-vw8dg8mt7q 4 жыл бұрын
+
@user-bm4mm7zd4c
@user-bm4mm7zd4c 4 жыл бұрын
+
@MellRokk
@MellRokk 4 жыл бұрын
+
@user-bm4mm7zd4c
@user-bm4mm7zd4c 4 жыл бұрын
+
@user-nb7cv5px1v
@user-nb7cv5px1v 4 жыл бұрын
ребя, кто в 2021 смотрит, расскажите чем там история с ковид19 закончилась
@vladovcharov517
@vladovcharov517 3 жыл бұрын
я знал что webstorm не просто так с самого начала, ставил мне эти скобки))
@AmericanDragon134
@AmericanDragon134 2 жыл бұрын
Webstorm TOP
@user-ix4sy2lm7s
@user-ix4sy2lm7s 2 жыл бұрын
зашла в комменты, чтобы найти такой
@SergeSchekhovtsov
@SergeSchekhovtsov 2 жыл бұрын
И удалять их надоело! Теперь не будем :)
@andreyp3275
@andreyp3275 2 жыл бұрын
@@SergeSchekhovtsov Можно легко поиграться с настройками в webstorm: File > Settings > Editor > Code Style > HTML > Other > Add for JSX attributes > Quotes
@-Forever-Young-
@-Forever-Young- 2 жыл бұрын
@@SergeSchekhovtsov +
@pashabezk
@pashabezk Жыл бұрын
2022 г. Спасибо большое за урок! Очень наглядно и простыми словами
@apisst
@apisst 4 жыл бұрын
Товарищи! Мы медленно, но уверено движемся в светлое будущее!)))
@jses8560
@jses8560 4 жыл бұрын
Все идет по плану!
@user-rg4co7hv7o
@user-rg4co7hv7o 4 жыл бұрын
По плану нового мирового правительства(массонов), хо-хо-хо. ... Чёрный юмор))
@ar4webber
@ar4webber 4 жыл бұрын
Svelte.js? :)
@user-ti9tc1br2n
@user-ti9tc1br2n 3 жыл бұрын
движемся к концу, в могилу)
@apisst
@apisst 3 жыл бұрын
@@user-ti9tc1br2n оптимистично)
@user-rs7pc2nb2l
@user-rs7pc2nb2l 3 жыл бұрын
Блин, чел заморочился 1 января записывать 40-минутный обучающий ролик бесплатного курса! Ты святой)))
@user-gg5po7yt6z
@user-gg5po7yt6z 3 жыл бұрын
посмотри на часы у него на екране
@LöweKatze
@LöweKatze Жыл бұрын
Програмісти то самотні люди, самураї свого власного життя. Він попри свої турботи допомагає іншим знайти свій шлях👹
@monrit
@monrit Жыл бұрын
@@LöweKatze Привіт! Що ти вже далеко зайшов? Не хочеш разом там щось рухатись, ділитись знаннями?)
@teenmax7572
@teenmax7572 Жыл бұрын
@@monrit А в тебе як справи?
@user-rg7gn7lr5c
@user-rg7gn7lr5c 9 күн бұрын
Пишу,все четко,отдельный респект за то,что отвечаешь именно на те вопросы,которые возникают в голове по ходу просмотра)
@krissssssssssssssssss
@krissssssssssssssssss Жыл бұрын
Дошла до 48 урока и пересматриваю заново. Совет: лучше прислушивайтесь к Диме и сильно не мудрите с интерфейсом. Я заделала и профиль, и лайки, и по-другому отделила добавление постов на страницу, а когда сложные вещи пошли, запуталась Поэтому нужно золотую середину найти, строчка за строчкой не писать, но и стараться похожий проект делать, чтобы если что сравнить с кодом у Димы
@victorsherstiuk4874
@victorsherstiuk4874 4 жыл бұрын
спасибо, вселяешь веру в "светлое завтра". Безупречно выучил джс и верстку, начал смотреть вакансии (хотел устроиться в сентябре на работу), а там теперь везде просят Реакт и без него банально нет ни одной вакансии. Начал смотреть какие то другие уроки и там совсем заглох, а сейчас смотрю твои и все очень понятно. Главное чтобы дальше было также понятно, и тогда можно будет уже идти искать работу после этого курса. Реально большое тебе спасибо, видно что делаешь "трушно" а не тупо по документации рассказываешь чтобы контент клепать
@MrZorg23
@MrZorg23 4 жыл бұрын
Выучи основы реакта за неделю, и смело указывай в резюме, что знаешь реакт))) У меня брат так 3 месяца назад на работу устроился. Тоже сначала посмотрел, везде реакт нужен, но по факту главное, чтобы у тебя в резюме было написано, что ты его знаешь, иначе просто до собеседования не допускают. После того, как он написал в резюме, что знает реакт, ему начали звонить и приглашать на собеседования, при том на половине собеседований даже про реакт не спрашивали)))). В итоге он за неделю работу нашел (после 5 или 6 собеседований)
@AlexDia
@AlexDia 4 жыл бұрын
Что значит безупречно?)
@Mike37373
@Mike37373 4 жыл бұрын
@@AlexDia наверно знает что такое массив, а может даже как цикл работает
@AlexDia
@AlexDia 4 жыл бұрын
@@Mike37373 это безупречно?
@Mike37373
@Mike37373 4 жыл бұрын
@@AlexDia да
@BorderInVais
@BorderInVais 4 жыл бұрын
Ставьте лайки, потому что мы их дальше будем использовать:)
@user-pk3tl6nu4l
@user-pk3tl6nu4l 3 жыл бұрын
Без выходность)
@laboptyka3706
@laboptyka3706 3 жыл бұрын
так успокаивает это.. "и тогда у нас все будет хорошо:)" все круто, спасибо Дмитрич!
@denisdragomirik
@denisdragomirik 3 жыл бұрын
Дякую за курс! Чудові пояснення! Додам коментар по селекторам CSS (в даному випадку для лого). Селектори на кшталт .header img не варто використовувати, тому що це не оптимальний варіант з точки зору швидкості рендерингу. CSS у всіх браузерах працює за схемою, коли він шукає останній елемент каскаду, а потім фільтрує за правилами вище. Тобто, на сторінці може бути 200 зображень, серед них 199 - картинки товарів і 1 - лого в хедері. Із селектором ".header img" браузер знайде всі 200 зображень і пройдеться по кожному, щоб відфільтрувати лише ті, у яких батьківським елементом є блок із ".header". За селектору ".header .header__img" буде обрано лише одне зображення.
@videoX6
@videoX6 5 жыл бұрын
Круто, что помимо React затрагиваются вещи напрямую и косвенно связанные: стили, логика классов для них и т.д. Ну и вообще в уроках часто моделируются жизненные ситуации, когда происходит что-то к чему ты не был готов. Это тоже позитивно сказывается на усваивании материала. Спасибо, Дима, большое! )
@kedrovsky9126
@kedrovsky9126 5 жыл бұрын
проглотил залпом 14 уроков, пойду спать ибо уже с классами начал путаться. Спасибо большое за уроки.
@nivabul7871
@nivabul7871 2 жыл бұрын
остальные 86 заглотил?
@KrasavchikSelivan
@KrasavchikSelivan Жыл бұрын
@@nivabul7871 передоз походу
@CatWoman-sr4pk
@CatWoman-sr4pk 3 ай бұрын
супер! раньше думала, что модули это сложно, а оказалось все довольно просто, спасибо за подробное объяснение
@reactguy
@reactguy 3 жыл бұрын
Спасибо за уроки! После прочтения книг, на практическом проекте все становится на свои места. Успехов во всех делах!
@st.sinnerman1906
@st.sinnerman1906 3 жыл бұрын
много труда вложено, как тут не лайкнуть каждое видео. приятно смотреть, все делается находу, а не выкладывается красивое видео без ошибок.
@Beatboxer3090
@Beatboxer3090 5 жыл бұрын
Учится все на одном дыхании, спасибо автору!
@strangechannel4589
@strangechannel4589 3 жыл бұрын
Спасибо, что есть такие хорошие ребята как ты, прямо все и доходчиво с первого раза!
@doremi1003
@doremi1003 9 ай бұрын
Это просто суперский курс. И самое невероятное то, что он абсолютно бесплатен и доступен для каждого и всё разжёвано настолько тщательно, что даже начинаешь побаиваться потенциальной конкуренции с теми, кто учился по этому плейлисту) Единственное что, наверное со временем курс сильно потерял актуальность, но все его плюсы меня убеждают продолжать его смотреть. Спасибо!
@pekarskiy_nikolai
@pekarskiy_nikolai 5 жыл бұрын
Давно так не затягивало изучение чего-то нового. Рассказываешь интересно и доступно! На мой взгляд, видео длиной в 30 - 40 минут достаточно оптимально. Нет усталости и количество материала, как раз такое, что можно запомнить и потом повторить + внимание не рассеивается на переключение к следующему уроку.
@sherinar9358
@sherinar9358 4 жыл бұрын
сегодня узнал про css модули. *кое что новенькое.
@user-vx7ro1hs1h
@user-vx7ro1hs1h 3 жыл бұрын
Спасибо за такой подробный видеокурс, в котором не чувствуешь себя дурачком, а понимаешь вообще всё что говорит автор! Я даже не догадывался, что изучение React может быть настолько интересным и захватывающим)
@user-yd4uz1mt6p
@user-yd4uz1mt6p 3 жыл бұрын
Дмитрий, спасибо за курс! То что ты делаешь - супер круто!
@andreipalii1220
@andreipalii1220 2 жыл бұрын
Подметил у Димыча следующую особенность: - Стирать можно не только текст слева от курсора (через клавишу backspace, как все мы делаем), но и справа от курсора. Для этого всего одну кнопу нужно нажать - DEL (delete). Рекомендую попробовать... Может я один такой не знал про это, но кмк интересная фишка. Del прямо над Backspace, поэтому очень удобно работать с ними в тандеме... да и работает не только в редакторах кода, а везде.
@LegkiiBoss
@LegkiiBoss Жыл бұрын
😛
@user-cw1vx8ew8j
@user-cw1vx8ew8j Жыл бұрын
это шутка?)
@andreipalii1220
@andreipalii1220 Жыл бұрын
@@user-cw1vx8ew8j ?
@user-ou1xi1wi4q
@user-ou1xi1wi4q 3 жыл бұрын
1:45 «Да? Да! Но не совсем да» Лучший момент P.S. Спасибо вам Димыч и все кто стоит за созданием этих курсов.
@lerne-du
@lerne-du 3 жыл бұрын
Спасибо огромное за такое подробное пояснение к конкатинации классов. Вот прям на пальцах. С твоими уроками учеба не в напряг, а в удовольствие!
@alastiel3761
@alastiel3761 4 жыл бұрын
Очень круто! Практически в каждом уроке я чувствую, что всё изученное ранее меняется и обрастает новыми подробностями. Это как в платформерах, где ты видишь сундук, но не можешь до него допрыгнуть из за отсутствия чего-то и только потом через 3 уровня находишь двойной прыжок и понимаешь как просто теперь сделать то, что ранее считал невозможным.
@ural66pvk
@ural66pvk 2 жыл бұрын
Блин, круть.) Надо ещё конечно капец сколько выучить, но в целом - Димыч - Это бесценно.)))
@andreiribac6284
@andreiribac6284 3 жыл бұрын
22 Июнь 2021 год! Смотрю! Учусь! Радуюсь! - Реакт все понятнее и понятнее кажется!
@user-pk2up1ke6w
@user-pk2up1ke6w 2 жыл бұрын
Привіт, як успіхи?)
@alexeybakushev1932
@alexeybakushev1932 2 жыл бұрын
Очень нравится, что каждый момент повторяется по несколько раз и немного с разных углов. Вот это позволяет в течении урока осмыслить и сразу многое запомнить.
@MrVagula
@MrVagula 3 жыл бұрын
В целом кайфую от подачи материала. Спасибо, что ставишь акцент, с чем нужно ознакомиться самостоятельно, и что нужно почитать, это помогает более глубоко понимать то, что в дальнейшем происходит у тебя в уроке. Модули крутая вещь, спасибо за урок, двигаю дальше!
@user-nt4nm3xy4g
@user-nt4nm3xy4g 4 жыл бұрын
"Названия по Дебильному", "Японское названия" :D , огонь ;) , для ES6 узнал для чего тильда нужна..
@yuraayu4441
@yuraayu4441 5 жыл бұрын
Спасибо) было очень интересно!)) длинное видео тоже понравилось) много информации, да и смотрелось очень легко)
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Супер!! Рад стараться! А верстка, ух, это всегда долго))
@user-uk6uh4ys4q
@user-uk6uh4ys4q 4 жыл бұрын
@@ITKAMASUTRA что будет использоваться в качестве бэкенда бд?
@yurikorabel5435
@yurikorabel5435 3 жыл бұрын
все по делу! сплошной кайф слушать твои лекции. Причем я саму эту тему знаю, но превосходно шлифанул знания этим уроком! В голове порядок появляется. Респект за твой труд!
@user-xq8bl3wm4h
@user-xq8bl3wm4h Жыл бұрын
Отличная консепция для стилизации реакт компонентов. Не нужно выдумывать кучу наименований классов. Все очень логично и понятно. Спасибо Вам
@iGotton
@iGotton 5 жыл бұрын
Для поддержки канала везде буду писать просто "+" в комменты. Плейлист *fire* !
@user-xz6sp7oi4l
@user-xz6sp7oi4l 4 жыл бұрын
Как успехи7
@-Forever-Young-
@-Forever-Young- 2 жыл бұрын
Данный темп и режим "Разжёвывания", для меня, самое то) Спасибо, Димыч! Ставьте лукасы и пишите коменты)
@vladpobidash
@vladpobidash 4 жыл бұрын
Это было чётко! React воплощает все мои мечты и избавляет от проблем, что так долго копились! Тебе огромное спасибо что обучаешь как использовать эту прелесть!
@batorko
@batorko 4 жыл бұрын
Курс ценный именно потому что объясняются вот такие второстепенные но важные вещи как `шаблонные строки`. Очень здорово!
@pennytheduck436
@pennytheduck436 4 жыл бұрын
Это макет, это не по настоящему 25:10 :DDD Можно сборник эпических фраз начинать писать :D
@sergei8750
@sergei8750 3 жыл бұрын
Прошёл 14 уроков за день. Спасибо что всё так разжёвано, остаётся только проглотить)
@losyaash
@losyaash 8 ай бұрын
Ну как успехи? Устроился на работу?
@sergei8750
@sergei8750 8 ай бұрын
@@losyaash Забавно. Я уже и забыл, что когда-то это смотрел и писал этот коммент. Работаю бэкенд разработчиком, symfony фреймворк.
@sergeypedko3883
@sergeypedko3883 10 ай бұрын
Огромнейшее спасибо. Никакая документация так не описывает то, что Вы нам показываете - просто о сложном.
@Kolabrod
@Kolabrod 4 жыл бұрын
прям хорошие уроки, вроде бы всю информация из 14-и уроках можно было бы уместить в 30 минутное видео, но через 3 дня все бы забылось.
@indigosay
@indigosay 3 жыл бұрын
да. Когда долгие рассуждения начинаешь думать как автор, т.е. его образ мыслей устанавливается в голову слушающего. А когда сухую инфу дают без практики, к тому же, то толку нет.
@dmitryast1120
@dmitryast1120 4 жыл бұрын
Теперь я знаю, что петь в душе
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
:)) пусть соседи тоже отныне знают магические слова react redux
@user-rw4zy1mb6s
@user-rw4zy1mb6s 4 жыл бұрын
Смотрю твои видео , мне нравится подача материала , ты именно объясняешь как это работает и что нужно делать и сейчас смотря 14-е видео думал искать шаблон для соц сети и ты как раз под конец видео объяснил что это можно в конце сделать ) так что продолжаю дальше !
@user-bl3qu6zi9p
@user-bl3qu6zi9p 4 жыл бұрын
Спасибо Димыч! Всё круто, всё супер! Прошёл 14 уроков без проблем. После каждого урока все важные нюансы конспектирую на бумаге. Мышечную память тоже надо качать. Сильно помогает
@hottabichls357
@hottabichls357 3 жыл бұрын
28.06.2021 Данный урок понял и впитал с 1го раза , заняло по времени примерно 1 час с отмотками. P.S. Давно решил стать React JS разработчиком Перед тем как попасть к этому уроку , с предыдущих уроков проваливался все ниже по советам Димыча 1.JavaScript для детей (книга) 2.Выразительный JS (книга) 3.Видеокурс по HTML и CSS (чисто база) 4.БЭМ методология (база) 5.Курс на 2 урока по GIT (it-kamasutra) 6.Как стать программистом к 2021 году (it-kamasutra) 7.Дорожная карта (Road map) по React JS В 2021 году не так-то просто стать джуном во фронтенде, нужно знать кучу дополнений помимо JS и React, + ко всему курс путь самурая написан на классовых компонентах , сейчас же везде используют React Hooks, НО есть одно НО , предыдущие SPA написаны именно на классовых компонентах и , устроившись в компанию, тебе будет предстоять разбираться в чужом коде написанном ранее , а он написан именно на классовых компонентах т.к. хуков еще не было, поэтому вновь прибывшим прошу не считать данный курс устаревшим т.к. зная классовые компоненты Вы будете более полезны работодателю нежели зная только одни хуки. Димыч , спасибо что воодушевляешь народ на постижение программирования!
@danildemchenko6004
@danildemchenko6004 2 жыл бұрын
джуном во фронт не так уж и сложно залететь. Ты попробуй залететь джуном в гейм-дейв или же в бэк на джаву)) или вообще куда-то, где на питоне пишут. Там помимо свитчеров, большое количество толковых выпускников тех вузов, которые так же жаждят урвать оффер)) Фронт покажется сказкой. Конкуренция есть, безусловно, но 90% "конкурентов" ничего из себя не представляют и валятся на базовых вопросах по js по замыканию, лексическому окружению, скоупу, this`у, прототипам и тд. А дай им написать какой-то полифил простенький - ну ты понял))) а если еще асинхронность затронуть хоть чуточку - то всё))) (я, если что, считаю, что асинхронность не нужна джуну, так как это именно то, что оттачивается на практике, но все же - если человек решил стать веб-разрабом, ему априори должно быть интересно все что связанно с этим и поэтому хоть чуток, но ковырнуть асинхронку можно, чисто для себя даже:))
@ffoureyezz
@ffoureyezz Жыл бұрын
как ты ? стал джуном ?)
@ArtyomTarasov-lb3zy
@ArtyomTarasov-lb3zy 2 жыл бұрын
Спасибо огромное за уроки, это лучший мануал по React. Дим, мог бы ты сделать какой то обновление для этого урока версия react-router-dom 4 устарела, намучался подключая 6 версию. Контент супер!!!!
@sergeyionov1215
@sergeyionov1215 4 жыл бұрын
С каждым уроком всё интереснее!!! По-немногу всё проясняется в голове! )
@yuriyula
@yuriyula Жыл бұрын
Отличное объяснение, спасибо автору! В 2022 всё еще актуально и полезно!)
@ArtemVerbat
@ArtemVerbat 5 жыл бұрын
Можно использовать `[name].module.scss or [name].module.sass` вместо css. Всё что нужно - установить node-sass.
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
для sass в create-react-app поддержке нативной ещё нет, но будет вроде, вот-вот обещают ввести. Я, Скажу честно, не пробовал ещё подключить это, но попробую. Скорее всего мы даже заюзаем это на проекте текущем. Спасибо за инфу
@ArtemVerbat
@ArtemVerbat 5 жыл бұрын
@@ITKAMASUTRA Это из официальной документации CRA.
@svjatoslavblokhin1178
@svjatoslavblokhin1178 4 жыл бұрын
2к19, ноябрь Если кому-то удобнее работать с препроцессорами, все изично - достаточно установить node-sass в зависимости: npm install node-sass -S И можно импортировать .sass файлы!
@baktohelp
@baktohelp 4 жыл бұрын
@@svjatoslavblokhin1178 там вроде необходимо сделать eject
@oleksandr3863
@oleksandr3863 4 жыл бұрын
спс. воркает)
@sergedelicious3186
@sergedelicious3186 3 жыл бұрын
24:50 Всё-таки лучше давать всем элементам осмысленные названия. Тогда и ты после перерыва въедешь быстрей, и тот, кто будет читать код потом.
@Liubov9876
@Liubov9876 Жыл бұрын
Спасибо! Все так понятно и четко! Нет страха, что вот через 15 минут перестану что-либо понимать. Темы подаются от проблемы, поэтому понятно, зачем нужна эта фича. Большое спасибо за такие крутые лекции!
@pavel.arepev
@pavel.arepev 3 жыл бұрын
Огромное спасибо, Дмитрий! Очень хорошее и подробное объяснение!
@user-rr1ju1ck2u
@user-rr1ju1ck2u 4 жыл бұрын
ну, на первый взгляд, кажется что БЭМ удобней, без лишних заморочек и все такое. Придумать класс для блока не составляет труда. Может, просто дело привычки. досмотрю все 100 видосов, может изменится мнение ). спасибо!
@uglybeats9054
@uglybeats9054 3 жыл бұрын
Ну чего, поменялось? Я пришёл к такому же заключению и просто не понимаю для чего все эти сложности
@secretivedeveloper5223
@secretivedeveloper5223 2 жыл бұрын
@我叫 Дарик Не могу принять этот большой говнокод БЭМа, где 40% времени верстки идет на название классов и модификторов, так еще и прописывать одни свойства нужно там, другие - там: и начинаешь перекидывать их по БЭМу в нужные места, чтобы добиться правильной концепции. А когда верстаешь не по макету и нет представления конечного вида - так это вообще кромешный ад, весь творческий процесс превращается в Пасьянс. А результат - огромный код, половину которого занимает БЭМ. По логике куда разумнее изолировать (инкапсулировать) стили в компоненты и творить с ними, что душе угодно. И классы ко всему, что видишь, как педант шизофреник, по 20 символов задавать не нужно. И кода при разработке меньше. Максимально сосредоточен на дизайне. Я понимаю, почему БЭМ стал популярен в свое время: тогда и альтернатив почти никаких не было. И по нему выросли нынешние верстальщики и вследствие появились от них обучалки. Но зачем он сейчас? Олды программисты, конечно, с него не слезут по понятным причинам закостенелости, и БЭМ так быстро не помрет из-за взращенного комьюнити. Это, как по мне, старческий бред старого подхода. И очень многие это понимают. И серьезные современные фреймворки это понимают и изобретают весьма неплохие альтернативы. Возможно я чего-то не знаю или не понимаю, но сейчас впечатление именно такое.
@tootlno3774
@tootlno3774 2 жыл бұрын
@Дэркес +
@user-ii4xs5gp8e
@user-ii4xs5gp8e 4 жыл бұрын
отлично, супер, мочи, Димыч, лупи по сметане)))) На самом деле все круто, очень нравится, у языка несколько специфичные синтаксис и реализация, но к этому легко привыкнуть, и повторюсь, инкапсулируя свой код мы значительно облегчаем себе жизнь, даже если по началу так не кажется, с ростом функционала, с увелечением обьема информации будет нереално работать без инкапсуляции, я как то пробовал просто в html и css наверстать пробничек на три странички, но хоть немного украшенный элементами типа выделенных блоков и карточек с фото и инфой, там скудненько так простенько но несколько красивенько, так вот..... я чуть не здох.... реально жесть, ты проверяешь как отображается в браузере твоя идея, понимаешь что верстка слегка плывет(или не слегка) и лезешь в "простыню" каскадных стилей или ковровую дорожку html.... сттолько сил и времени отнимал банальный поиск ошибки, я недоумевал.... А что за изврат с нагромождением названий, с таким успехом, вскоре имя класса бы выглядело как этот комментарий... Реакт обалденная технология, мне заходит, аж за уши не оттянешь, Димыч, ты обалденен, от души благодарю за труд, кайф!!!!
@ITKAMASUTRA
@ITKAMASUTRA 4 жыл бұрын
Огоооо)) спасибо за твой опыт и ощущения, что описал в комменте! Летим, самурай ⚔️
@aleksandrkornev2513
@aleksandrkornev2513 3 жыл бұрын
2020 заканчивается, а курс не теряет актуальности! Спасибо, Дима!)
@YakatoSaku
@YakatoSaku 2 жыл бұрын
С твоими уроками все осваивается на лету, хоть и бывают моменты где можно запутаться, спасибо, получается!
@user-he2li7we7b
@user-he2li7we7b 5 жыл бұрын
В точку сказано "не писать строчку в строчку", писать самому -> набивайте руку и тренируйте память.
@badmood3011
@badmood3011 4 жыл бұрын
Если вам понравилось, ставьте лайки, если не понравилось все равно ставьте лайки :D
@user-cy3eu1nq8p
@user-cy3eu1nq8p 3 жыл бұрын
👎‍‍ 👎‍‍ 👎‍‍
@Mykhailo_Vdovychenko
@Mykhailo_Vdovychenko 4 жыл бұрын
Как же это классно! React - бомба! Спасибо за такие крутые уроки!
@user-hr8wp4ry4p
@user-hr8wp4ry4p 4 ай бұрын
Идем вперед!
@user-cl5yx5mf5u
@user-cl5yx5mf5u 2 жыл бұрын
спасибо! привет из 01.01.2022
@user-tr9we1wg1z
@user-tr9we1wg1z 3 жыл бұрын
Давно новых комментариев нет. Закончились что-ли фронтэнд-новички?... Если смотрите в декабре 2020 - оставляйте комментарии 🙂
@Divanniy.Trader
@Divanniy.Trader 3 жыл бұрын
Смотрю в январе 2021 ))
@vsvil
@vsvil 3 жыл бұрын
@@Divanniy.Trader чел, ты не один))
@user-zh3tb4gc5r
@user-zh3tb4gc5r 3 жыл бұрын
@@vsvil тоже в январе смотрю
@vsvil
@vsvil 3 жыл бұрын
@@user-zh3tb4gc5r и как успехи?)
@user-zh3tb4gc5r
@user-zh3tb4gc5r 3 жыл бұрын
@@vsvil сейчас на 14м уроке.
@user-ge7wj1df5k
@user-ge7wj1df5k 3 жыл бұрын
Спасибо что показываешь с отладкой. Всё намного проще когда под капот можно глянуть
@etochozamem
@etochozamem 2 жыл бұрын
Спасибо за очередной урок! Летим дальше!!!!
@ArtemVerbat
@ArtemVerbat 5 жыл бұрын
За 40 минут можно было бы рассказать и об альтернативах, например о react-jss, styled-components, и в целом о различных подходах к "css in js".
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
Артём, всё равно бы пришлось и ещё это видео сохранить на 40 минут: мы ведь делаем с НУЛЯ соц. сеть.. и это нужно всё было проделать! О других подходах я позже расскажу. Styled-components будем юзать!
@ivstvl
@ivstvl 5 жыл бұрын
довольно путано и в итоге имена классов непонятные, а по БЭМу можно чётко увидеть что к какому компоненту относится. дело вкуса наверное
@ITKAMASUTRA
@ITKAMASUTRA 5 жыл бұрын
странно! напротив.. именна классов простые и несложные, применимые к конкретной компоненте! Если имеете ввиду, когда инспектировать в хроме элемент и там пытаться анализировать, то да - немного корявенько! но на самом деле, немного: только хвост корявый, префиксом дописывается название компоненты, а середина - это наш класс... Почти что как в БЭМ)
@MellRokk
@MellRokk 4 жыл бұрын
во время этого урока подключил scss имхо более красиво и наглядно. Как то корявенько тут инкапсуляция настроена( У Angular 2+ это из коробки идет - npm i component header.
@user-vs7ek1sv5g
@user-vs7ek1sv5g 4 жыл бұрын
@@ITKAMASUTRA ну я так понимаю, что это дает определенные преимущества и возможности в дальнейшем. Иначе бы конечно никто этим и не пользовался и не было бы смысла показывать как это работает. Возможно переключение модулей или что-то такое - дальше пока не смотрел. А вообще, если прочтете, то мне вот что интересно. Что за ключик(хвост) в конце классов - каким образом он генерится? Понятно зачем он нужен(скорее всего), но просто ради интереса - он рандомный или это просто кодировка такая?
@sgeinok5950
@sgeinok5950 3 жыл бұрын
@@user-vs7ek1sv5g Скорее всего рандомный
@user-oq4jr4bu5i
@user-oq4jr4bu5i 4 жыл бұрын
Офигенно рассказано про модули! Всё, наконец, понятно до конца, без благоговейных траблов к понятию "модуль")))
@theWorldIsMultivariate
@theWorldIsMultivariate 2 жыл бұрын
Супер просто и понятно и доступно объесняешь. Думаю это призваине Димыча, у него явно талант к объяснению.
@indigosay
@indigosay 3 жыл бұрын
20:52 "Без проблем, без траха"
@chugundur
@chugundur 3 жыл бұрын
ХАХАХВХАХХВАХХАВХ. чел ты в муте
@user-mt1te4fr1y
@user-mt1te4fr1y 3 жыл бұрын
Лайк если смотриш в 2021
@vab6653
@vab6653 3 жыл бұрын
В каждом видео есть что-то абсолютно новое. Класс, спасибо!)
@kuko932
@kuko932 4 жыл бұрын
очень много времени и труда вложено в эту работу. мои спасибо нет предела.
@sepyk
@sepyk 4 жыл бұрын
ви просто боженька!!! дякую!
@KralinRuslan
@KralinRuslan Жыл бұрын
Респект, уважение и поклон земной. Спасибо
@chugaisterchugaister9256
@chugaisterchugaister9256 Жыл бұрын
Все ясно, все класно. Боблю далі. Дякую!
@Zibinskiy
@Zibinskiy 3 жыл бұрын
Должен сказать, что и в середине 2021 года заходит на ура. Спасибо автору.
@artemalekseev6885
@artemalekseev6885 2 жыл бұрын
Спасибо за подробное изложение! Отличный курс!
@user-ck5nz1ni9q
@user-ck5nz1ni9q 2 жыл бұрын
Смотрю с 2021. Спасибо огромное за курс. Очень сильный проект
@user-cx4hh1cg7f
@user-cx4hh1cg7f Жыл бұрын
Димыч, спасибо! Превосходное объяснение. Летим дальше!
@user-qu9hk2eq9m
@user-qu9hk2eq9m 3 жыл бұрын
Много полезной инфы в каждом видео! Каждый раз ,что-то новое для себя открываю! Путь самурая рулит! Долгих лет жизни вам Сёгун)
@justalone1549
@justalone1549 2 жыл бұрын
САМЫЙ ЛУЧШИЙ КУРС ВО ВСЕМ МИРЕ ПО REACT!!!! СПАСИБО ОГРОМНОЕ!!!)
@user-dv7kz8kf4b
@user-dv7kz8kf4b 3 жыл бұрын
какая крутая энергия преподавания !!! Спасибо
@valeramischenko9391
@valeramischenko9391 3 жыл бұрын
Круто что здесь же объяснил как вставлять несколько классов, столкнулся с этой проблемой чуть позже - сразу понятно куда возвращаться - модуль css
@PashaRomanovich
@PashaRomanovich 3 жыл бұрын
спасибо большое за видео и за отличное объяснение! Концепция со свойствами в стилях - это круто придумано!
@user-td8iq7en3k
@user-td8iq7en3k 3 жыл бұрын
Годы идут, а твои курсы все ещё актуальны, сейчас учусь по твоему гайду, и процесс доставляет)
@lehamoroz5306
@lehamoroz5306 4 жыл бұрын
Спасибо, все круто! Едем дальше)
@hykoza
@hykoza 3 жыл бұрын
круто! спасибо большое за подробное разжёвывание. хоть и знал уже это, но теперь стал понимать еще больше)
@alikstash
@alikstash Жыл бұрын
Очень приятная и простая подача информации, Большое Спасибо!!!
@deutschc9058
@deutschc9058 3 жыл бұрын
Danke schön für Ihre Mühe.
@ivandukart8730
@ivandukart8730 4 жыл бұрын
супер уроки!)) никогда не писал комментарии, но очень благодарен и поэтому не сдержался!)) огромное спасибо за старания!
@_mylastproject_
@_mylastproject_ Жыл бұрын
Эти уроки просто шикарны, спасибо огромное!!!
@Aleksandr1974-B
@Aleksandr1974-B Жыл бұрын
Дима, ты молодец! Огромное спасибо тебе за твой труд. Слышно деток на фоне ))))) ,здоровья им ! А тебе творческого терпения. 😊
@vadimkovtunenko1067
@vadimkovtunenko1067 7 ай бұрын
Спасибо Дмитрий большое, разжевал начинаю потихоньку вникать и в javascript. Спасибо за твой труд👍👏
@Dmytro-cy3hy
@Dmytro-cy3hy Жыл бұрын
Хочу сказать отдельное спасибо Диме. Потому что когда только начинал проходить свой путь ещё до этого курса, я изучая работу с API не мог понять что это за запись `${ }` и спустя месяц попал на этот курс и решил уже стать Front-end developer и в этом уроке О ЧУДО!!! Дима простым языком объяснил данную запись. Огромное спасибо что делаешь акцент даже на таких мелочах. Ведь я уверен что с таким подходом ты дал ответы на многие вопросы по мимо React
@kebab_stroy
@kebab_stroy 6 ай бұрын
Да какая критика, человек сидит за бесплатно все подробно объясняет, просто спасибо
@Scartizz1
@Scartizz1 3 жыл бұрын
Спасибо, что помимо реакта много чего полезного рекомендуешь и рассказываешь
@romanpomin1967
@romanpomin1967 4 жыл бұрын
Спасибо большое, все доступно и понятно. Продолжаем путь в "светлое будущее")
42 - React JS Практика - Redux
29:15
IT-KAMASUTRA
Рет қаралды 131 М.
Incredible magic 🤯✨
00:53
America's Got Talent
Рет қаралды 48 МЛН
ОСКАР vs БАДАБУМЧИК БОЙ!  УВЕЗЛИ на СКОРОЙ!
13:45
Бадабумчик
Рет қаралды 3,5 МЛН
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 100 МЛН
ОСКАР ИСПОРТИЛ ДЖОНИ ЖИЗНЬ 😢 @lenta_com
01:01
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 359 М.
Зачем нужны указатели в C++?
8:14
Dima
Рет қаралды 2,7 М.
CSS modules в Create React App, простым языком
6:35
Дмитрий Герасимов - о разработке в сфере IT просто
Рет қаралды 5 М.
Учим CSS за 1 час! #От Профессионала
1:26:02
Хауди Хо™ - Просто о мире IT!
Рет қаралды 2,3 МЛН
Incredible magic 🤯✨
00:53
America's Got Talent
Рет қаралды 48 МЛН