15. Уроки React JS (структура папок, новые компоненты, улучшаем css)

[@РемонтСервисЧерноморск]

в 2024-ом смотрю и познаю мир реакта. Благодарю автора, желаю процветания его компании по образованию.

[@Redux-lv6vu]

Привет, как прогресс?

[@АлександрАндреевич-д3т]

Ору с мечей которые воздух разрезают :D

[@ITKAMASUTRA]

🙏✊

[@vseslavr]

Ага, в стиле Рудика из Сев-Кав TV (кто смотрел НашуРашу, тот поймет), когда он заставку озвучивал сам:)

[@Moroir]

Воодушевляет)

[@victory8787]

И со скукоживания))

[@railbatyrshin5361]

фух -фух-фихь-фух-фух)))

[@evgeniytitovskiy2848]

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

[@Kirdaro]

Который объясняет что он делает, а не возьми здесь, вставь туда, импортируй тут , скопируй 100500 строчек кода . Работает ? Теперь угадай как.

[@СусловРостислав]

@@Kirdaro ахахахаха

[@timzeynalov3537]

ГоспОди

[@АлексейМелентьев-ч3в]

с другой стороны у иностранцев всё чётко, подготовленно и без заиканий и слов паразитов, тупых шуточек и прочего мусора, который может и отвлекать и раздражать и просто выглядит не профессионально

[@_daffier_]

@@АлексейМелентьев-ч3в с какой стати чувство юмора теперь является непрофессионализмом?

[@hazretager7714]

На предпоследнем уроке Димыч: Так а теперь будем дробить каждую букву.

[@БольшойБрат-з4р]

Я уже пиксели дроблю😂🤣

[@Moroir]

Всё таки увлеченные люди - это то, на чём мир держится. Спасибо!

[@Eduard-c2k]

Время два ночи , добил урок, хоть и было больно как неохота , но не жалею , всё круто

[@2189108]

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

[@Quentinrei]

Уже на 45 уроке, вернулся проверить везде ли лайки стоят, спасибо Димыч)

[@derrylsshowhh3249]

А как ты роутинги делал?Потому что то как показано в уроке,то они уже устарели,или старую версию роута ставил?

[@Ahtetep]

В который раз убеждаюсь, что Шторм это лучшая среда разработки) Столько рутинной работы за тебя делает)

[@MegaVaNushka]

после пробного периода, я даже не пожалел денюжек и решил купить ws. Он того стоит!

[@dasha228play]

В чом он лутше *?

[@sixfingers91]

Если неопытный разработчик будет пользоваться только тем, что удобно и что делает за тебя, то он не поймет, как в случае чего это сделать руками... поэтому ИМХО лучше сначала сделать все самому, а потом на WS делать это на автомате. Как в случае с изучением таблицы умножения в школе - и использованием калькулятора)))

[@ВіталійДяків]

да, конечно, и жрет очень много ресов. Вс код ибо, плагинов намного больше в разы, он удобнее ложиться на другие х сервера. Вс быстрее генерирует проект чем шторм

[@oconnor4417]

Огонь, димыч! 2023 бомбим дальше❤

[@mityaycho]

У Димыча столько энергии, что даже в праздники фигачит код)) Вот у меня когда ступор в коде, разбираю ошибки методом тыка, некому подсказать и гугл не помогает, опускаются руки. Но когда получается, ловлю ни с чем не сравнимый кайф))) И с новыми силами рвусь в бой! Удачи всем и терпения в освоении и понимании кода. И с Новым Годом!

[@ITKAMASUTRA]

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

[@aymkin]

@@ITKAMASUTRA на третьей минуте проблема с импортами, у меня VScode сам проапдейтил импорты i.imgur.com/vIxwsjg.png

[@janaratolonbaeva9007]

Когда у меня опускаются руки, беру книгу по данной теме и просто тупо читаю. Даже хоть и понимаю через раз. Но когда возвращаюсь, то обнаруживаю, что многое понимать начинаю. Вперед!!!

[@КюршадАлиев-о7щ]

спасибо за ролики! Даже в 2023 смотрится офигенно)

[@anny93939]

Невероятно круто, когда у человека нет хаоса в голове и информация доносится структурировано и четко. Спасибо, Дмитрий, Ваш курс очень крутой!

[@pavelmalorodnov2078]

2023 год за курс спасибо из Беларуси, за звук мечей отдельное спасибо)

[@mikhail_shokun]

Димас, все круто, ты такой простой, прям как мы , а не как супер - пупер разраб, тоже делаешь ошибки и показываешь как их исправлять прям в записи, не скрывая от нас, это очень мотивирует, начинаешь думать что ты такой же человек как и Димыч, но на 85 уроков ранее))), так что все впереди

[@yananechai4482]

почала дивитись. відео, не знаючи нічого про реакт, просто в шоці від того, як все зрозуміло) дякую)

[@videoX6]

Реакт, Редакс ты знать будешь крутооооо! Айтика-айтика... Камасутраааааа... )))

[@robbyandreasian]

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

[@xakimergashev8260]

Спасибо за курс. Я раньше не верил что в бесплатных онлайн курсах можно так хорошо научится. Все супер!!!

[@bmw4538]

26/02/2022 добавил новые компоненты, улучшил вид css, Димыч все круто обьясняет, респект за такую подачу материала! Кстати начал изначально делать свой дизайн и свои частично названия классов и стилей, чтобы понимать как работает и делать по своему, а не тупо копировать код! И кстати после каждого урока пушу свой код на git чтобы отрабатывать навыки работы с git) Летим дальше!

[@GreatVolcano]

Как же круто, когда учитель с хорошим чувством юмора. Крутой курс, с каждым видосом всё больше понимаешь, как работает вк, facebook и т.п.

[@elenasv6645]

2023 год, смотрю видео после курсов и столько всего нового. Спасибо большое❤

[@kenanhaciyev3759]

Каждый раз перематываю вступительную музыку но если перемотался звук мечей я обязан вернуться назад и услышать этот шедевр))

[@n0escape]

По традиции коммент к уроку который прошел, впринципе кардинально нового ничего не узнал, но автоимпорт приятно удивил, пошел смотреть уроки дальше

[@Eduard_1407]

автоимпорт выглядит охренительно удобно)

[@n0escape]

@@Eduard_1407 поверь, дальше, я особо на автоимпорт не обращал внимания и не использовал почти

[@sixfingers91]

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

[@ДарьяВоронцова-р9ь]

Да, Димыч, мы на правильном пути.

[@4press]

Чумовой курс. Спасибо! Одно удовольствие смотреть. Все идет как по маслу.

[@asdasd-hg3uz]

Выражаю благодарность)) Сколько прочитал и просмотрел видео по относительным путям и все равно были какие то накладки в тяжелых (больших проектах особенно со сборщиками).А тут вроде дошло!

[@АртёмБондарев-м4ф]

Курс классный.) Несмотря на то, что многие вещи для меня являются элементарными, т.к я уже являюсь fullstack-разработчиком, всё же я нахожу для себя много полезных фишечек.) Обязательно досмотрю до конца и плюсану React к портфолио.

[@internationaluser86]

Под каждым словом согласен

[@ГалинаГладкая-с5с]

Димыч, привет из марта 2022года. Все супер! Умничка!!!

[@ДарьяРоманова-э1ф]

Как же не хочется отрываться от компа!!! Крутые уроки!!!

[@varfolomeiq]

ну и как сейчас обстоят дела, работаешь разработчицей?)

[@ДарьяРоманова-э1ф]

Да, уже третий годик. На vue правда))

[@AlinaSkrypets]

мне так нравиться, что Димыч пробует автоимпорт в реальном вренеми , ничего не вырезает, очень душевные видео получаются

[@visokogroup7922]

Мистер Бин порадовал XD Действительно всё очень удобно получается, все по полочкам, прям не терпится посмотреть следующие видео! Благодарю!

[@kendrickkalmar]

Ощущение будто это реально урок в классе, а не тупо пересказ документации. Спасибо! Вот это у тебя опыт конечно!

[@Роман-г2г6б]

Запутал ты меня капец с кучай фаилов)

[@grigoralex406]

То же самое и не компилится теперь((

[@igorivanov5850]

формат подачи 🎬материала просто бомбический💣

[@imtheseventh]

На самом интересном месте закончил, зараза! xD. хорошо что мне не надо ждать новых выпусков неделями, как игру престолов. впереди ещё 80+видосов.

[@ITKAMASUTRA]

:))

[@andreiBylkin]

устроился?

[@АртёмБондарев-м4ф]

Безмерная благодарность за предоставление бесплатных знаний. Как сам факт - дорогого стоит. Как говорится: "никогда не донатил, но тебе задоначу", как только начнется движуха с сервером.

[@НиколайСтепанченко-у7щ]

Отличный курс! Только есть одно пожелание --- сделать звук вступительно и окончательной темы в унисон по громкости с основним контентом, так как это вызывает напряжение!

[@ЕвгенийЧелноков-т1ш]

Смотрю в 2024. Молодчик так держать

[@__maxsoul643]

Супер, спасибо за уроки, очень интересно - заинтригован) пробую дойти до конца.

[@anatoliyburdasov4035]

Ты помогаешь мне раскукошивать мои знания!Рахмет-Ахмед!))))

[@ITKAMASUTRA]

РаскукоЖивать:)))

[@anatoliyburdasov4035]

@@ITKAMASUTRA Фшух-фшух!!! Понял Босс!))))

[@egorpobylets6597]

в праздники, фигачим! СПАСИБО!

[@braivs]

Урок неожиданно много времени занимает. Часа 2 проходил. Прислушался к тому, что на 3-ей минуте было сказано, чтобы на WebStorm переходили и перешёл, ещё в нём разбирался. Там форматирование текста Ctrl+alt+L. Рефакторинг радует там. Ещё помнил завет, что не следует повторять строку в строку и смотрю 5 минут, а потом по памяти повторяю, ежели не выходит то заново.

[@qwekle456]

Ты конечно объяснил и показал структуру папок, спасибо тебе за это. Но у меня чуть крыша не поехала от этих маленких компонент )

[@kubris.developer]

Тебе повезло, я свою успел схватить и вернуть, когда уже ехала ))

[@GoldenPrinceYT]

Уххх! Запутался на разбивке папок, но запарился и все исправил) Спасибо!

[@stanislavk.6066]

Ох, это был сложный урок) несколько раз проходил) и все получилось. Спасибо!

[@oleksandrlysiuk3971]

Как успехи, дошли до конца?)

[@oleksandrlysiuk3971]

@@Dpon0 да, так случилось, что перешёл работать на вью, но пришел с реактом)

[@oleksandrlysiuk3971]

@@Dpon0 но если собираетесь работать с реактом, в 2020 об этом курсе стоит забыть, так как пишут в курсе, в реалиях не пишут)

[@oleksandrlysiuk3971]

@@Dpon0 все реакт разрабы говорят о том чём и я.. вы потратите время и будете переучиваться, лучше гляньте арчакова и его курс по реакт пицце и почитайте доку

[@oleksandrlysiuk3971]

@@Dpon0 я тоже повелся на отзывы, но к сожалению потратил слишком много времени на инфу, которую можно выучить за неделю-две)

[@ЕвгенийОсипов-ш3о]

Очень круто рассказал про разбитие компонентов, спасибо. Едем дальше.

[@AndreiS-cu2wb]

Все классно как всегда! В VS расширение Auto Import - ES6, TS, JSX, TSX автоматом переписывает все импорты.

[@kabalchik5085]

cпасибо большое)

[@ЮраПанченко-ц8ч]

КРУТО рассказываешь и раскладываешь по полочкам, огромное спасибо, продолжаю смотреть и прокачиваться дальше

[@СергейЗуев-л2ш]

vscode-js-import вроде этот у меня работает перетаскивание Спасибо за Науку

[@doka9515]

Спасибо, вроде бы тоже все нормально)

[@МаксимВеличко-в2л]

Спасибо, работает!

[@DmitryDolganov]

Очень долго возился с папками, но все же победил! Спасибо огромное!

[@dizelvinable]

Димыч в этом видео: "О, Мистер Бин! Прикольно! Поставим его в качестве аватара" Димыч в следующих видео: "Блин, зачем я поставил эту дурацкую фотку?"

[@is_eliseeva]

15.08.2023, день 8. столкнулась с ситуацией, когда иконка профиля никак не хотела становиться маленькой! больше часа ушло. оказалось, что связка .content img {width: 1200px} перекрывает .item img {width: 50px}. обнаружила ситуацию в с помощью отладки в браузере. вот и реальная ситуация со стилями получилась, хоть я и использовала модули. спасибо за урок, Дмитрий!

[@baktohelp]

Боялся webstorm но вот сижу сравниваю с VSC. Это небо и земля. Но так как Webstorm делает все сама есть риск остаться тупым :)

[@boycovclub]

Если боишься этого , тог тогда зачем тебе npm , npx ,node js. Все сам в ручную делай, будешь неделю зависимости по папкам сортировать. А если ты не хочешь тупеть, то печатай вручную сам хоть и webstorm помогает, и параллельно учи алгоритмы и большое О

[@andreyvolkov3117]

по цене тоже небо и земля

[@leonms635]

@@andreyvolkov3117 webstorm тоже бесплатным можно сделать ;)

[@andreyvolkov3117]

@@leonms635 не люблю я такое, я лишь 1 вещь спиратил и использовал, это Devil May Cry 5, т.к. я грезил по ней. А webstorm мне много дел не сделает в сравнении с vs code

[@ivanmiarkulau8320]

немаловажно правильно организовывать структуру файлов и папок в проекте, спасибо тебе за урок!) Летим дальше, ReactJS!)

[@mark43d]

И что за д-бы ставят дизы?! Ну шикарно же обьясняет как при живом общении получается

[@bugaga8144]

Я у себя поделил структура да компоненты и страницы, если нужно что то добавить на страницу, переходишь в папку pages, выбираешь страницу startPage, дальше один из блоков, из которых состоит страница content, header, menu, footer и вносишь(добавляешь, удаляешь) компоненты. Если надо изменить компонент, идешь в папу components ищешь нужный компонент и редактируешь

[@javidcosmos4634]

У меня при перетаскивании VSCode автоматически переименовал путь для импорта в App.js

[@aymkin]

у меня тоже i.imgur.com/vIxwsjg.png

[@mylife-myart4916]

Ребят, это тот плагин, который мы устанавливали для авто путей на предыдущих занятиях :)(auto-import)

[@raivisstalmanis7344]

little harder learn, but still go forward. respect bro.

[@ДмитрийЦыплов-й4м]

из квадрата сделать круг - border-radius: 50%;

[@maximcolot5883]

я специально зашел, чтобы этот коммент лоставить)

[@oleg1845]

А покрасить границу в красный - border-color: red?

[@EnigmaSnape]

border-radius: 50%; width: 100px; height: 100px; object-fit: cover;

[@АндрейКомаров-т8х]

Димыч - крут!!! Летим вперёд, к моей новой профессии.

[@Zahadym]

фшух-фшух-фшух

[@АлексейТопорков-ш4у]

Димыч, супер объяснение. Спасибо! Летим дальше!

[@vadimkovtunenko1067]

Спасибо большое Дмитрий, летим дальше 👏

[@sergigabyte]

Огромное спасибо! Пока все понятно! Идем дальше!

[@bogdanklimov4913]

Димыч, это превосходно! Сначала не послушал тебя, не скачивал WebStorm, но потом передумал и все-таки скачал. Боже мой, сколько же он времени экономит, как все удобно с ним становится. Смотрю я на твои уроки, делаю подобное, и аж сердце колотится от того, насколько это удобно, шедеврально, эстетично. Огромная благодарность за этот курс. Уверен, что дальше будет еще роскошнее! Мне нравится твой подход "учусь вместе с вами", потому что когда учишь других, сам становишься настоящим профессионалом. Огромной тебе энергии, терпения и удачи по жизни, вселенная должна поощрять таких прекрасных людей всеми способами :)

[@Ihor_Shchelkunov]

На работе успеваю смотреть несколько уроков и сразу пытаюсь применять к своему проекту. Вчера заметил что сидя в машине после работы, напеваю твою песенку, блин и вправду заразная музычка))

[@oleksandrakotenko2768]

Спасибо автору за проделанную работу и альтруизм. Как же я страдала, что никто так же подробно не разжёвывал Ангуляр. Да, смотрю курс в 2022 году. Много, кто его мне советовал. Даже очень серьёзные специалисты, которым вдруг нужно было выучить Реакт. Пока что заходит очень легко: на Ангуляр ложится прям как масло на тёплый хлебушек. Уверена, что дальше будет сложнее, но пока что 15 уроков на одном дыхании.

[@ЕвгенийБурков-в6ы]

Внушаешь доверие, Димыч! Продолжай гнуть свою линию! Respect to you ;)

[@Amourphys]

Преподнесение материала - супер, все доходчиво и понятно

[@vladpobidash]

УРААА!!! Перфекционист во мне ликует и аплодирует автору стоя, за урок! React сила!

[@andreyantonovich379]

Спасибо!Дробение на компоненты,действительно круто!

[@Tokamame]

Полезное замечание - для замены одинаковых значений, например, в данном видео название класса, затем экспорт класса в vs code - выделить одно значение, нажать Ctrl+F2, затем менять все сразу.

[@Elizabeth_Calmau]

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

[@motooven]

*Для меня это самый сложный урок!!! сидел 3 часа разобрался на 4час но смог с перерывами вынес себе мозг один раз аж отключился на диване на 5 минут реально отрубился*

[@Obraveliss]

Преподнесение материала - Полезно однозначно! Спасибо!!!!!!

[@МарияЗахарова-ы8ц]

Супер курс! Спасибо Дмитрий за такой пошаговый подход к азам.

[@catcat-5tf]

спасибо! смотрю дальше)))👍

[@serj_norv]

感謝, большое и самурайское =) Очень годный курс, особенно радует что автор прям вот настоящий и открытый. Поет, говорит смешные словечки, приводит примеры из жизни, шутки шутит и вот это все прям так уместно получается) Иногда прям залипааю как в сериал и начинаю смотреть урок за уроком. Потом понимаю что надо бы еще и код написать и мотаю назад) Еще хочу сказать что уровень организации материала сильно вырос по сравнению с курсом по JS, там тоже было интересно, весело и подробно, но здесь появилась четкая структура и понимание куда движемся) Бесконечная благодарность за то что ты делаешь, надеюсь дальше все будет так же годно.

[@valentynlugovyi4789]

Вчера злился, что у меня вся соц сеть рухнула! сегодня всё сделал по красоте с этими import-ами и всё заработало! Благодарю!

[@pavelrumyantsev626]

Здравствуйте. Смотрю. Изучаю. Спасибо за урок.

[@РоманМатвеенко-м8ч]

Поставил лайк. Да, согласен. Мы на правильном пути.

[@theWorldIsMultivariate]

Оромнейшее спасибо за курс!!

[@АлексейСветлович-в2у]

Полезно однозначно! Лайк ставлю после каждого видео, если не забываю потому, что жму стрелку дальше от любопытства, что мы дальше сделаем)))

[@ПавелИвченко-й9е]

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

[@yourresttime]

Очень круто - но я какбе прислушываюсь к твоим советом и гдето с первой минуты поставил на паузу тут, создал свою архитектуру теперь смотрю вижу что правильно сделал. Тк сказать проверка своево мнения) Спосибо большое за уроки очень познавательно и хорошо расказано !!! Буду смотреть дальше! Рекомендую!

[@kingarmande]

Смотрю с удовольствием и благодарностью!

[@shamilsalakhutdinov5519]

крутые видео, карантин проходит с пользой!

[@uzver3787]

Пока всё получается и всё понятно) Ну и главное,что всё объясняется по-человечески,а если и есть слова не понятные, то сразу пояснение к ним. Спасибо!

[@denistrapeschonok471]

Февраль 2021. Крутой курс. Спасибо, Димыч!

[@janaratolonbaeva9007]

Супер! Идем дальше))!!! Я чувствую себя "ниндзя с зеленым поясом")))! Спасибо, Дмитрий! Дойду с вами до конца до 300 урока, дай Бог!!!

[@ДмитрийКибешев]

Спасибо, смотрю, учусь! Спасибо большое!

[@Iampomaxa]

Вижу новый урок, вначале лайк потом комент и берусь за просмотр и изучение!!!

[@ITKAMASUTRA]

Спааасибо))

[@АртёмМоисеев-ь8б]

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

[@Артем-ч7э9ъ]

Спасибо! Зашло на ура! Летим дальше!

[@МихаилСабуров-ы1в]

Да подача очень интересная и самое главное она понятна, и когда автор начинает выяснять почему не работает, то если ты знаешь то ты невольно проговариваешь это)) Пока что лучший курс по React для меня. Идем дальше...

[@ГенаФес-ъ9з]

Дмитрий, огромная благодарность! Пытался проходить обучение на платных курсах - нифига не понимал и бросил обучение. Начал заниматься у вас - и мало того, что понимаю, еще и нравится

[@vvks9901]

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