Тёмный

The Complete React JS Course for Beginners - Learn React in 2 Hours! +timecodes 

RED Group
Подписаться 69 тыс.
Просмотров 193 тыс.
50% 1

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

 

23 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 386   
@REDGroup
@REDGroup 28 дней назад
Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
@Твоякомпьютернаяпомощь
Лучший канал, топ материал, Макс респект 0:04
@REDGroup
@REDGroup Год назад
Благодарю 🙏
@RaGe111
@RaGe111 Год назад
Нужно 1500 лайков!!!
@Влад-н9м
@Влад-н9м Год назад
Определённо
@SashaKuzikov
@SashaKuzikov Год назад
Требуется строгое равенство?
@d1mas1k2KA
@d1mas1k2KA Год назад
От души, что помогаешь людям начинающим свой путь
@Саня-х2м5в
@Саня-х2м5в Год назад
У кого возникла проблема с роутами (~1:03:50). Проверьте, что в main.jsx вы импортировали свой собственный компонент (а не компонент react-router-dom). Мб кому-то поможет.
@danielgilyadov8578
@danielgilyadov8578 Год назад
Спасибо!
@Роман-к1ю5ь
@Роман-к1ю5ь 11 месяцев назад
Спасибо тебе, добрый человек!
@g_lancelot
@g_lancelot Год назад
Очень хочу посмотреть на Redux в твоём исполнении с полной практикой. Спасибо за ролик(⁠◠⁠‿⁠◕⁠)
@talantasanov4973
@talantasanov4973 Год назад
и Redux toolkit
@МаксимДозоров-м9ъ
Лучше сразу нормальные стейт менеджеры смотреть
@tezis.digital
@tezis.digital 11 месяцев назад
Тем, кто также столкнулся с проблемой emmet: в settings.json добавляете такие строки: "emmet.includeLanguages": { // Тут что-то ещё может быть, у меня настройки html "javascript": "javascriptreact", "typescript": "typescriptreact" }, Это раз. "emmet.showExpandedAbbreviation": "always", Это два. Про второе: эта ошибка еще с тех времён в settings.json, когда Макс выкладывал настройки vscode.
@master8920
@master8920 Год назад
Не досматривая ролик 👍, подписался. Если я правильно с интерпретировал то разбитие на компоненты как ты привел в пример карточка машины это компонент если чисто верстать на чистом HTML то это грубо говоря подкомпоненты это кнопки, текст в отдельных тегах.
@Дмитрий-щ4ы5ч
@Дмитрий-щ4ы5ч Год назад
Макс все отлично🔥🔥🔥, но для новичков можно было бы чуть помедленнее, особенно когда идет работа именно с кодом🙏
@Ruben-sc7dj
@Ruben-sc7dj Год назад
🤣@@cuppo6638
@Ilya-gv6kb
@Ilya-gv6kb Год назад
всё супер, спасибо огромное 💥 из минусов - некоторые шаги приходится улавливать (вписал вызов функции здесь 54:18 ваще незаметно 😅 + автоматом добавляются импорты, эти моменты для начинающих чисто упомянуть будет + ) - и тяжеловато речь разбирать, чуток торопишься )) дикция, много терминов всё таки надо четко услышать ещё и успеть понять Спасибо очень полезный материал 👍
@mmiiaauu89
@mmiiaauu89 Год назад
Я скорость чуточку уменьшила и идеально 😍
@tezis.digital
@tezis.digital 11 месяцев назад
А мне скорость как раз хорошо залетает. Нет ощущения, что автор тормознутый или объясняет для совсем идиотов. И x2 не надо нажимать)
@tezis.digital
@tezis.digital 11 месяцев назад
А мне скорость как раз хорошо залетает. Нет ощущения, что автор тормознутый или объясняет для совсем идиотов. И x2 не надо нажимать)
@КостяСарвилов
@КостяСарвилов Год назад
Обязательно 1.5к лайков, нужен видос по rtk query!
@GigaChad-zs8ol
@GigaChad-zs8ol Год назад
Спасибо за труд Макс🤲👏
@Unknown-xh7rz
@Unknown-xh7rz Год назад
Спасибо тебе, добрый человек, что делаешь очень полезные курсы. ❤️
@max_gus
@max_gus Год назад
Через 3 дня собес на Junior Fullstack разработчика на стеке C# + TS + React, цель: выучить TS + React на базовом уровне за эти 3 дня(благо C# я учу уже давно), как человек, который не фронтендер ни разу, и учит typescript и react с нуля, могу сказать что видео очень быстрое, и сильно путает обычного бекендера, во всяком случае меня)
@max_gus
@max_gus Год назад
@@lexuschert Сейчас я просто спидраню попытку попасть на единственную адекватную стажировку/позицию джуна с C# на бекенде, где у меня есть шанс пройти)
@artem_bohak
@artem_bohak Год назад
@@lexuschert Хз, вчера был технический собес, мне первым делом дали задачку по реакту. Но да, js нужно знать, так как 90% написания react приложения происходит через js.
@РамазанДаудов-г5х
@РамазанДаудов-г5х 5 месяцев назад
Чем закончился собес?
@kirillruban886
@kirillruban886 Год назад
Отличный ролик! Ждем видео про next
@AndriiFrolov
@AndriiFrolov Год назад
Если у вас также возникли трудности на роутах ( момент 1:03:50) вот решение: В файле main.jsx прописываем import Router from './components/Router'
@RCcubic
@RCcubic Год назад
Мне не помогло. Пришлось по документации переписывать.
@sazuroov_2760
@sazuroov_2760 Год назад
Отлично! Гайд по действительно актуальной теме с крутой выжимкой по темам, огромнейший респект за такой контент!!
@Adam-cw7gr
@Adam-cw7gr Год назад
Эммет конкретно в css не работает из-за частого использования tilewind, который требует POSTCSS. Когда пользуешься обычным css, просто отключай это расширение и все будет работать. Тоже мучался, но потом таки нагуглил)
@JackShepards
@JackShepards Год назад
1:05:00 А где вариант без подписочной БД для просмотра подробнее о машине?
@REDGroup
@REDGroup Год назад
Не понял вопрос, бд можете сами развернуть она супер простая 1 файл
@OkanBuruk-py5nj
@OkanBuruk-py5nj Год назад
Спасибо за твои труды👍
@devcodingitstudio2764
@devcodingitstudio2764 Год назад
Шикарный ролик! Радует крупный шрифт - можно смотреть лежа на диване
@runar9118
@runar9118 Год назад
😆 лежа на диване программистом за пол года 😁
@devcodingitstudio2764
@devcodingitstudio2764 Год назад
@@runar9118 Новая методика надо запатентовать)))
@ubersweet
@ubersweet Год назад
Огромное спасибо за видео! Только-только начал изучать React, а тут полное обучение с разъяснениями 🤪
@Mr.Midnight666
@Mr.Midnight666 Год назад
Когда только автор успевает видео делать) не успел одно разобрать, как другое сразу выходит, как раз по редаксу видео нужно, респект) 💥😎
@alexanderkomanov4151
@alexanderkomanov4151 Год назад
Круто! Спасибо!
@morskoj
@morskoj 5 месяцев назад
Лучший! Спасибо.
@tatianaagapkina8658
@tatianaagapkina8658 Год назад
Макс, этот ролик очень кстати! помогает освежить тонкости Реакта после перерыва
@Svoboda2000
@Svoboda2000 Год назад
сними пожалуйста и NEXTJS и Redux-toolkit
@lonviser4917
@lonviser4917 Год назад
Можешь сделать видос подробный про создание админки и авторизации/регистарции на реакт. Именно на этих аспектах сконцентрироваться, думаю новичкам будет интересно такой урок посмотреть
@REDGroup
@REDGroup Год назад
В интенсивах было
@Sweet-Bubaleh
@Sweet-Bubaleh 11 месяцев назад
Скажи пожалуйста что за дивный шрифт используется в видео?
@Агент007-л8л
@Агент007-л8л Год назад
Спасибо большое за старания, но есть одна просьба. Следующий раз названия элементов указывай, пожалуйста, не одинаково. Например: на 34 минуте название propsa написал car и название бегающего элемента внутри map назвал car. Новичку это очень сложно понимать. Вместо cars.map(car=> ) напиши хотя бы так: cars.map(value=> ). Целый час голову ломал, чтоб это понять.
@ЭдриаӇ̄
@ЭдриаӇ̄ Год назад
Уже не первый раз смотрю это видео, считаю его лучшим из всех видосов для начинающих по React , спасибо Макс)
@blackwood8816
@blackwood8816 Год назад
Спасибо за материал, подача кайф, понятно и просто👍🏼
@kaogi9999
@kaogi9999 Год назад
ахахах обычно я все видео ускоряю 1, 5 ты единственный кого приходится замедлять)) ыыыы
@ka1danary935
@ka1danary935 Год назад
Если у кого-то была ошибка, что компилятор не видит тип пропса, который мы передаем в компонент, то вот решение: Импортируем в компонент: import PropTypes from 'prop-types'; После функции компонента указываем тип: CarItem.propTypes = { value: PropTypes.object }
@матвей-к6в
@матвей-к6в 5 месяцев назад
Молодец, Макс. Крутые видосы.
@mew6085
@mew6085 Год назад
Я в восторге, контент пушка!
@lonviser4917
@lonviser4917 Год назад
Отлтчный контент, побольше бы такого, спасибо тебе
@bro_webman
@bro_webman Год назад
только я собрался поинтересоваться реактом. Благодарность неимоверная!))
@temurmalikraximberdiyv933
@temurmalikraximberdiyv933 9 месяцев назад
Максим благоволю очень доступно и понятно спасибо !
@Eduard_1407
@Eduard_1407 Год назад
Галопом конечно, но пока пол видео все понятно, спасибо!
@Рельныйобзор
@Рельныйобзор Год назад
Спасибо за урок очень помогает новичкам.
@vladimirkusakin
@vladimirkusakin Год назад
Контент в тему! Давай еще! Спасибо за видосы!
@olezhka3x
@olezhka3x Год назад
Макс, все круто! Давай продолжение))))
@SultanDev
@SultanDev Год назад
дошел до роутов, на моменте 1:03:58 делаю все как у вас, выходит такая ошибка: Uncaught TypeError: Cannot read properties of undefined (reading 'pathname'), пишут что нужно добавить link, а как у вас без него работает ?
@MrBenemon
@MrBenemon Год назад
Тоже ошибка, нашли решение?
@egorbabsuhkin-bq3kp
@egorbabsuhkin-bq3kp Год назад
Плиз, давай что нибудь мощное про ванилу
@calamityreaper2848
@calamityreaper2848 Год назад
Невероятно мощный урок, как и все предыдущие работы автора! Доступно и без воды! Редко оставляю комментарии, но ради продвижения такого годного контента и поддержки стараний автора грех не оставить! С нетерпением буду ждать видео по редакс!
@elenbaking225
@elenbaking225 Год назад
🔥 🔥 🔥
@СергейКоролев-о6й1я
@СергейКоролев-о6й1я 8 месяцев назад
Очень крутая подача, все упорядочилось в голове, спасибо
@REDGroup
@REDGroup 8 месяцев назад
Спасибо за просмотр! В этом году выпустим обновленный курс
@БурякВолодимир-ю3я
Топ, спасибо большое
@Алексей-к9ф5у
@Алексей-к9ф5у 9 месяцев назад
Хороший гайд, до просмотра использовал легаси классы чтобы было удобно разворачивать много состояний, увидел что можно так же сделать и в функциональном компоненте + познакомился с роутингом. Что не очень понравилось, дальше пошла работа с json сервером который либо настраиваешь сам что отвлекает т.к новичок, либо покупать по подписке. Хотя и понимаю что человек ведет таким образом свой бизнес, претензий как таковых не имею. В целом хотелось бы чтобы материал излагался более плавно т.к в некоторых моментах автор переходит от темы к тебе очень резко, в useMemo перед самим хуком он рассказывает про жизненные циклы, тема довольно большая( не знаю может быть это уже устаревший код про фукнции жизненного цикла, поэтому так мало сказано). В любом случае спасибо за контент
@ТОЛЬКОПОБЕЗДОРОЖЬЮ
Здоровенный лайк тебе , но только рассказывай помедленнее, а так все супер, молодец👍👍👍
@DjackVorobeyUA
@DjackVorobeyUA 11 месяцев назад
как моудли эти с css подключить? постоянно ошибка что не может их найти
@asurlamsy
@asurlamsy Год назад
Такой огромной скорости написания кода добьюсь я явно еще не скоро
@renatkhisamov7300
@renatkhisamov7300 Год назад
Привет всем, купил подписку за 1990, хоть я сам пишу фронт, начал с back , очень крутой интенсив, всем советую проходить. 1990 не большие деньги, за реально отлично подобранный и структурированный материал. Так же там есть многое другое, можно изучить фронтенд с нуля, попрактиковаться на нем.
@serdotsenko
@serdotsenko Год назад
1:26:17 замыкание 🙂
@sad_god
@sad_god 11 месяцев назад
а почему CarItem создали не в es6 не const ()=> {..} а function () {} ??
@sovaz1997
@sovaz1997 Год назад
1:15:25 - не надо использовать useCalback там, где это вовсе необязательно. Это преждевременная ненужная оптимизация, которая ухудшиь читаемость кода и может даже замедлить код из-за накладных расходов по обеспечению useCallback Тоже самое относится и к useMemo. Использовать нужно только если вы видите, что это действительно ускорит работу, либо если нужно использовать функцию в качестве зависимости эффекта например (в случаях, когда нужна неизменяемая ссылка на функцию/значение)
@AndreiKazuk
@AndreiKazuk Год назад
Отличное видео, работая с легаси кодом, на реальном проекте всешгда нужно изучать что то новое
@sergeybarmaley125
@sergeybarmaley125 Год назад
СПАСИБО ТЕБЕ ДОБРЫЙ ЧЕЛОВЕК !!!
@aidinukiev2763
@aidinukiev2763 Год назад
Огромное спасибо,я как раз изучаю реакт,то что Надо 🤙
@olegtymoshenko7170
@olegtymoshenko7170 Год назад
Как я понял JSON Server мы создаем только для подгрузки картинки. Почему через это же сервер не создать полноценные карточки без cars.data.js, а брать все данные с db.json?
@REDGroup
@REDGroup Год назад
Досмотрите видео до конца, именно так мы и сделали
@maestro3112
@maestro3112 Год назад
топ 🔥🔥🔥
@lorenzo_ap
@lorenzo_ap Год назад
Редко пишу комментарии, посмотрел половину видео и уже могу сказать что это очень круто, спасибо за такое внятное объяснение без воды. Уверен что к концу видео буду еще больше в восторге, отличный контент.
@harcher3353
@harcher3353 Год назад
Круто , я как бы освоил React на нормальном уровне , но все равно посмотрел, мы набрали 1к лайков , ждем туториал по Next.js 💯
@svoloche_
@svoloche_ Год назад
Видос огонь))) У меня вот вопрос а лучше учить, RTK Query или React Query?
@REDGroup
@REDGroup Год назад
React Query
@Goboz1
@Goboz1 Год назад
От души, за такие видео
@daddyj2049
@daddyj2049 Год назад
Можешь в след.ролике или шортс показать как в твой провайдер добавить логику проверки jwt токена и в случае его истечения срока жизни обновить его?
@REDGroup
@REDGroup Год назад
Посмотрите видео Amazon 2.0 или на сайте интенсив для начинающих
@andreev.frontend
@andreev.frontend Год назад
Подскажи, пожалуйста, что лучше использовать - React Query или RTK Query? Или они вообще для разных операций предназначены?
@REDGroup
@REDGroup Год назад
React Query имеет большую функциональность, поэтому его
@andreev.frontend
@andreev.frontend Год назад
@@REDGroup спасибо большое! И за ответ и за контент!)
@СемёнЗахаренко-л8з
Большое спасибо. Периодически заглядываю чтобы что-то для себя подчеркнуть. Хотелось бы еще больше видео на тему классического react. Если аудитория по большей части новички, то я, как новичок могу сказать, что вообще не понимаю next. Что касаемо этого видео - оно без аналогов!
@aliicomua1369
@aliicomua1369 Год назад
Макс красавчик. Подача за год очень сильно поменялась в лучшую сторону. Жду с нетерпение про Next и RTK
@truew
@truew Год назад
🔥🔥🔥🔥🔥
@andrewsam224
@andrewsam224 Год назад
Красава, очень неплохо!!!
@no-distrx
@no-distrx Год назад
Большое спасибо!
@mort7525
@mort7525 Год назад
Классный курс по React, очень всё подробно, очень классно всё структурировано. Спасибо тебе большое, за твой труд,👍❤
@ddffsszvbhh
@ddffsszvbhh Год назад
еще не посмотрел, но лайк уже прожал
@carlsagann
@carlsagann Год назад
Emmet можно починить через настройки. Нужно добавить javascriptreact синтаксис как дополнительный. Там будет шаблон именно с ним.
@REDGroup
@REDGroup Год назад
Это у меня стоит, не в этом проблема
@mvttofficial
@mvttofficial Год назад
@@REDGroup у меня тоже перестал работать эммет после твоего видео с настойкой конфига в вс код, нашел строку, которая его ломает и удалил ее. "emmet.showExpandedAbbreviation": "never"
@REDGroup
@REDGroup Год назад
Да, я тоже ее сегодня обнаружил.
@mvttofficial
@mvttofficial Год назад
@@REDGroup самое интересное, в том видео говорится, что это все для нормальной работы эммета, а в итоге нет) кто то будет попадаться или уже попался на это)
@НикитаАндреев-д1я
Курс просто 🔥🔥🔥🔥🔥🔥🔥🔥
@REDGroup
@REDGroup Год назад
Благодарю
@webwookee
@webwookee Год назад
Привет , очень нравятся твои видео и я бы хотел приобрести интенсив , но пока не имею возможности . Я конечно понимаю что не смогу повлиять не каким оброзом , но всеже попытаюсь . Если тебе не сложно можешь не поднимать цену на интенсив до ночала лета , я понимаю прошу слишком много и ты не должен это делать , но всеже если не сложно то на месяц задержись . Буду тебе очень блогодарен , заранее спасибо 😌😌
@АндрейЛебедев-е4м
1:14:17 для простоты можно видео подставить стоковое с shutterstock.
@АнтонКравченко-в7п
Очень хочу redux, нужно поднажать!!!
@Cherry.Blossom.11
@Cherry.Blossom.11 Год назад
Спасибо за классный урок.было бы круто еще по тайп-скрипту обучалку
@trenersambo
@trenersambo Год назад
Здравствуйте. 14:02 если emmet отказывается делать автозаполнение тегов и прочего. Ctrl + , ---> в строчке поиска вбить include Languages ---> Ищем абзац со словами типа ... "JavaScript" : "JavaScriptreact". Эти слова копируем в нижние поля ввода . В левое окошко вставить JavaScript В правом окошке встваить JavaScript react. Некоторые слова могу перепутать, т.к. пишу по памяти, делал всего один раз - emmet внутри React заработал. Только после просмотра других доп.видео по реакту для начинающих, смог с пониманием смотреть видео и с этого канала. Желаю добра
@lexx-no7jf
@lexx-no7jf Год назад
Спасибо! Заработало!
@morvinglanc8471
@morvinglanc8471 7 месяцев назад
Возникла ошибка The requested module '' does not provide an export named 'default' . Добавил в CarItem.jsx - export default CarItem - ошибка ушла. Странно что в уроке нет даной строки и не выводится ошибка...
@mem_v_kruzhochke
@mem_v_kruzhochke Год назад
Всё конечно круто, но у меня на самом начале тупняк случился, где именно нужно писать первую команду для подключения vite?
@Waldemart
@Waldemart Год назад
Макс, контент 🔥
@КириллСиницын-г8й
Как плагин называется, для подсказок в коде?) напишите пж
@REDGroup
@REDGroup Год назад
GitHub copilot
@mr.coliv1
@mr.coliv1 Год назад
заслуженный лайк
@sad_god
@sad_god 11 месяцев назад
Откуда взялись картинки, после того как поставили Json server, прописали Image: localhost:4200/image.1jpg, 2jpg ? откуда они берутся если в паблике их нету
@willo6723
@willo6723 Год назад
Макс ты супер!!!!!
@СветланаАндреевна-х8р
Подскажите пожалуйста почему не получается скачать материалы из хранилища, к netflix, хотя есть подписка?
@Vedar.
@Vedar. Год назад
хотелось бы курс по какой-нибудь backend технологии))
@REDGroup
@REDGroup Год назад
Велком на нашу платформу, там есть бэк и для начинающих и для продвинутых
@voloduhe
@voloduhe Год назад
работаю с react год, но все равно узнаю новые, удобные фишки из твоих видосов
@esp2644
@esp2644 Год назад
А есть ли для usecontext Стейт менеджер, что бы видеть взаимосвязь компонентов и в каком что прокинуто
@StroiKyrort
@StroiKyrort Год назад
У меня в
@ДмитрийКотт-ф1м
Запоролся в самом начале при вводе команды yarn dev: error Command "dev" not found. Погуглил зарубежные ресурсы, проверил файл package.json на наличие dev: vite в разделе scripts. Не помогло...
@MrDobro1214
@MrDobro1214 Год назад
Макс, привет. Какую мышку используешь на маке?
@REDGroup
@REDGroup Год назад
Трекпад
@MrDobro1214
@MrDobro1214 Год назад
@@REDGroup ого, капец ты шустро) я просто монитор подключаю и трекпад не вариант использовать, а magic mouse оказалась шляпой)
@REDGroup
@REDGroup Год назад
Так я тоже монитор подключаю, купил себе apple trackpad и кайфую уже года 3, мышкой вообще не удобно на мак системе юзать
@MrDobro1214
@MrDobro1214 Год назад
@@REDGroup ааа, вот оно что) Отдельный trackpad. А ты мне идею подкинул, спасибо)
@psevdochlen6544
@psevdochlen6544 Год назад
Если некст выбираешь, про редакс забыть можно? Или сидеть на старом нексте с некст-редакст-врапером?
@kostyafrompiter
@kostyafrompiter Год назад
Пока что только второй вариант, потом может добавят более умную поддержку (
@REDGroup
@REDGroup Год назад
А в чем проблема? Некст это обычный реакт, зачем вы себе жизнь усложняете. Все также работает
@mi.si_
@mi.si_ Год назад
набил аж 3500)))) снимай давай))
@МихаилМишин-т3ъ
Отлично, информативно и всё понятно, но мало всё равно ((
@rimi4014
@rimi4014 Год назад
Ждем плейлист по реакту)
Далее
Архітектура React додатку.
34:58
Просмотров 6 тыс.
БЕЛКА РОДИЛА КОТЯТ#cat
00:20
Просмотров 939 тыс.
Please Help This Superhero! 🙏
00:48
Просмотров 4,4 млн
Сняли домик блин🏠
23:19
Просмотров 474 тыс.
ПЕЧАЛЬНОЕ БУДУЩЕЕ NEXT JS
9:02
Просмотров 20 тыс.
React и TypeScript - Быстрый Курс
1:40:52
Просмотров 351 тыс.
БЕЛКА РОДИЛА КОТЯТ#cat
00:20
Просмотров 939 тыс.