Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
У кого возникла проблема с роутами (~1:03:50). Проверьте, что в main.jsx вы импортировали свой собственный компонент (а не компонент react-router-dom). Мб кому-то поможет.
Не досматривая ролик 👍, подписался. Если я правильно с интерпретировал то разбитие на компоненты как ты привел в пример карточка машины это компонент если чисто верстать на чистом HTML то это грубо говоря подкомпоненты это кнопки, текст в отдельных тегах.
Тем, кто также столкнулся с проблемой emmet: в settings.json добавляете такие строки: "emmet.includeLanguages": { // Тут что-то ещё может быть, у меня настройки html "javascript": "javascriptreact", "typescript": "typescriptreact" }, Это раз. "emmet.showExpandedAbbreviation": "always", Это два. Про второе: эта ошибка еще с тех времён в settings.json, когда Макс выкладывал настройки vscode.
всё супер, спасибо огромное 💥 из минусов - некоторые шаги приходится улавливать (вписал вызов функции здесь 54:18 ваще незаметно 😅 + автоматом добавляются импорты, эти моменты для начинающих чисто упомянуть будет + ) - и тяжеловато речь разбирать, чуток торопишься )) дикция, много терминов всё таки надо четко услышать ещё и успеть понять Спасибо очень полезный материал 👍
Через 3 дня собес на Junior Fullstack разработчика на стеке C# + TS + React, цель: выучить TS + React на базовом уровне за эти 3 дня(благо C# я учу уже давно), как человек, который не фронтендер ни разу, и учит typescript и react с нуля, могу сказать что видео очень быстрое, и сильно путает обычного бекендера, во всяком случае меня)
@@lexuschert Сейчас я просто спидраню попытку попасть на единственную адекватную стажировку/позицию джуна с C# на бекенде, где у меня есть шанс пройти)
@@lexuschert Хз, вчера был технический собес, мне первым делом дали задачку по реакту. Но да, js нужно знать, так как 90% написания react приложения происходит через js.
Если у кого-то была ошибка, что компилятор не видит тип пропса, который мы передаем в компонент, то вот решение: Импортируем в компонент: import PropTypes from 'prop-types'; После функции компонента указываем тип: CarItem.propTypes = { value: PropTypes.object }
Эммет конкретно в css не работает из-за частого использования tilewind, который требует POSTCSS. Когда пользуешься обычным css, просто отключай это расширение и все будет работать. Тоже мучался, но потом таки нагуглил)
Можешь сделать видос подробный про создание админки и авторизации/регистарции на реакт. Именно на этих аспектах сконцентрироваться, думаю новичкам будет интересно такой урок посмотреть
Невероятно мощный урок, как и все предыдущие работы автора! Доступно и без воды! Редко оставляю комментарии, но ради продвижения такого годного контента и поддержки стараний автора грех не оставить! С нетерпением буду ждать видео по редакс!
Редко пишу комментарии, посмотрел половину видео и уже могу сказать что это очень круто, спасибо за такое внятное объяснение без воды. Уверен что к концу видео буду еще больше в восторге, отличный контент.
Спасибо большое за старания, но есть одна просьба. Следующий раз названия элементов указывай, пожалуйста, не одинаково. Например: на 34 минуте название propsa написал car и название бегающего элемента внутри map назвал car. Новичку это очень сложно понимать. Вместо cars.map(car=> ) напиши хотя бы так: cars.map(value=> ). Целый час голову ломал, чтоб это понять.
Привет всем, купил подписку за 1990, хоть я сам пишу фронт, начал с back , очень крутой интенсив, всем советую проходить. 1990 не большие деньги, за реально отлично подобранный и структурированный материал. Так же там есть многое другое, можно изучить фронтенд с нуля, попрактиковаться на нем.
Хороший гайд, до просмотра использовал легаси классы чтобы было удобно разворачивать много состояний, увидел что можно так же сделать и в функциональном компоненте + познакомился с роутингом. Что не очень понравилось, дальше пошла работа с json сервером который либо настраиваешь сам что отвлекает т.к новичок, либо покупать по подписке. Хотя и понимаю что человек ведет таким образом свой бизнес, претензий как таковых не имею. В целом хотелось бы чтобы материал излагался более плавно т.к в некоторых моментах автор переходит от темы к тебе очень резко, в useMemo перед самим хуком он рассказывает про жизненные циклы, тема довольно большая( не знаю может быть это уже устаревший код про фукнции жизненного цикла, поэтому так мало сказано). В любом случае спасибо за контент
1:15:25 - не надо использовать useCalback там, где это вовсе необязательно. Это преждевременная ненужная оптимизация, которая ухудшиь читаемость кода и может даже замедлить код из-за накладных расходов по обеспечению useCallback Тоже самое относится и к useMemo. Использовать нужно только если вы видите, что это действительно ускорит работу, либо если нужно использовать функцию в качестве зависимости эффекта например (в случаях, когда нужна неизменяемая ссылка на функцию/значение)
Большое спасибо. Периодически заглядываю чтобы что-то для себя подчеркнуть. Хотелось бы еще больше видео на тему классического react. Если аудитория по большей части новички, то я, как новичок могу сказать, что вообще не понимаю next. Что касаемо этого видео - оно без аналогов!
Походу я впервые за 3 года пойму наконец-то что такое React благодаря Вам. Спасибо огромное! :) Хочу (и буду) пересмотреть все Ваши видео. Лаконично и по сути - таких мало на просторах youtube. Спасибо еще раз!
Привет , очень нравятся твои видео и я бы хотел приобрести интенсив , но пока не имею возможности . Я конечно понимаю что не смогу повлиять не каким оброзом , но всеже попытаюсь . Если тебе не сложно можешь не поднимать цену на интенсив до ночала лета , я понимаю прошу слишком много и ты не должен это делать , но всеже если не сложно то на месяц задержись . Буду тебе очень блогодарен , заранее спасибо 😌😌
Здравствуйте. 14:02 если emmet отказывается делать автозаполнение тегов и прочего. Ctrl + , ---> в строчке поиска вбить include Languages ---> Ищем абзац со словами типа ... "JavaScript" : "JavaScriptreact". Эти слова копируем в нижние поля ввода . В левое окошко вставить JavaScript В правом окошке встваить JavaScript react. Некоторые слова могу перепутать, т.к. пишу по памяти, делал всего один раз - emmet внутри React заработал. Только после просмотра других доп.видео по реакту для начинающих, смог с пониманием смотреть видео и с этого канала. Желаю добра
Некоторые фреймворки (такие, как Angular или React) пытаются решить ту же проблему, которую решают пользовательские элементы, вводя собственные концепции. Пользовательские элементы можно сравнить с директивами Angular или с компонентами React. Однако пользовательские элементы - это стандартная возможность браузера, для работы с ними не нужно ничего, кроме обычных JavaScript, HTML и CSS.
Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
Нужно 1500 лайков!!!
Определённо
Требуется строгое равенство?
Лучший канал, топ материал, Макс респект 0:04
Благодарю 🙏
У кого возникла проблема с роутами (~1:03:50). Проверьте, что в main.jsx вы импортировали свой собственный компонент (а не компонент react-router-dom). Мб кому-то поможет.
Спасибо!
Спасибо тебе, добрый человек!
От души, что помогаешь людям начинающим свой путь
Очень хочу посмотреть на Redux в твоём исполнении с полной практикой. Спасибо за ролик(◠‿◕)
и Redux toolkit
Лучше сразу нормальные стейт менеджеры смотреть
Не досматривая ролик 👍, подписался. Если я правильно с интерпретировал то разбитие на компоненты как ты привел в пример карточка машины это компонент если чисто верстать на чистом HTML то это грубо говоря подкомпоненты это кнопки, текст в отдельных тегах.
Обязательно 1.5к лайков, нужен видос по rtk query!
Тем, кто также столкнулся с проблемой emmet: в settings.json добавляете такие строки:
"emmet.includeLanguages": {
// Тут что-то ещё может быть, у меня настройки html
"javascript": "javascriptreact",
"typescript": "typescriptreact"
},
Это раз.
"emmet.showExpandedAbbreviation": "always",
Это два.
Про второе: эта ошибка еще с тех времён в settings.json, когда Макс выкладывал настройки vscode.
всё супер, спасибо огромное 💥
из минусов
- некоторые шаги приходится улавливать (вписал вызов функции здесь 54:18 ваще незаметно 😅 + автоматом добавляются импорты, эти моменты для начинающих чисто упомянуть будет + )
- и тяжеловато речь разбирать, чуток торопишься )) дикция, много терминов всё таки надо четко услышать ещё и успеть понять
Спасибо очень полезный материал 👍
Я скорость чуточку уменьшила и идеально 😍
А мне скорость как раз хорошо залетает. Нет ощущения, что автор тормознутый или объясняет для совсем идиотов. И x2 не надо нажимать)
А мне скорость как раз хорошо залетает. Нет ощущения, что автор тормознутый или объясняет для совсем идиотов. И x2 не надо нажимать)
Спасибо за труд Макс🤲👏
Спасибо тебе, добрый человек, что делаешь очень полезные курсы. ❤️
Шикарный ролик! Радует крупный шрифт - можно смотреть лежа на диване
😆 лежа на диване программистом за пол года 😁
@@runar9118 Новая методика надо запатентовать)))
Если у вас также возникли трудности на роутах ( момент 1:03:50) вот решение: В файле main.jsx прописываем import Router from './components/Router'
Мне не помогло. Пришлось по документации переписывать.
Отличный ролик! Ждем видео про next
Уже не первый раз смотрю это видео, считаю его лучшим из всех видосов для начинающих по React , спасибо Макс)
Через 3 дня собес на Junior Fullstack разработчика на стеке C# + TS + React, цель: выучить TS + React на базовом уровне за эти 3 дня(благо C# я учу уже давно), как человек, который не фронтендер ни разу, и учит typescript и react с нуля, могу сказать что видео очень быстрое, и сильно путает обычного бекендера, во всяком случае меня)
@@lexuschert Сейчас я просто спидраню попытку попасть на единственную адекватную стажировку/позицию джуна с C# на бекенде, где у меня есть шанс пройти)
@@lexuschert Хз, вчера был технический собес, мне первым делом дали задачку по реакту. Но да, js нужно знать, так как 90% написания react приложения происходит через js.
Чем закончился собес?
Когда только автор успевает видео делать) не успел одно разобрать, как другое сразу выходит, как раз по редаксу видео нужно, респект) 💥😎
Огромное спасибо за видео!
Только-только начал изучать React, а тут полное обучение с разъяснениями 🤪
Отлично! Гайд по действительно актуальной теме с крутой выжимкой по темам, огромнейший респект за такой контент!!
ахахах обычно я все видео ускоряю 1, 5 ты единственный кого приходится замедлять)) ыыыы
Лучший! Спасибо.
Спасибо за твои труды👍
только я собрался поинтересоваться реактом. Благодарность неимоверная!))
Макс, этот ролик очень кстати! помогает освежить тонкости Реакта после перерыва
Если у кого-то была ошибка, что компилятор не видит тип пропса, который мы передаем в компонент, то вот решение:
Импортируем в компонент:
import PropTypes from 'prop-types';
После функции компонента указываем тип:
CarItem.propTypes = {
value: PropTypes.object
}
Эммет конкретно в css не работает из-за частого использования tilewind, который требует POSTCSS. Когда пользуешься обычным css, просто отключай это расширение и все будет работать.
Тоже мучался, но потом таки нагуглил)
Отлтчный контент, побольше бы такого, спасибо тебе
Можешь сделать видос подробный про создание админки и авторизации/регистарции на реакт. Именно на этих аспектах сконцентрироваться, думаю новичкам будет интересно такой урок посмотреть
В интенсивах было
Круто! Спасибо!
сними пожалуйста и NEXTJS и Redux-toolkit
Невероятно мощный урок, как и все предыдущие работы автора! Доступно и без воды! Редко оставляю комментарии, но ради продвижения такого годного контента и поддержки стараний автора грех не оставить!
С нетерпением буду ждать видео по редакс!
Такой огромной скорости написания кода добьюсь я явно еще не скоро
Редко пишу комментарии, посмотрел половину видео и уже могу сказать что это очень круто, спасибо за такое внятное объяснение без воды. Уверен что к концу видео буду еще больше в восторге, отличный контент.
Галопом конечно, но пока пол видео все понятно, спасибо!
Макс все отлично🔥🔥🔥, но для новичков можно было бы чуть помедленнее, особенно когда идет работа именно с кодом🙏
🤣@@cuppo6638
1:26:17 замыкание 🙂
Отличное видео, работая с легаси кодом, на реальном проекте всешгда нужно изучать что то новое
Молодец, Макс.
Крутые видосы.
Здоровенный лайк тебе , но только рассказывай помедленнее, а так все супер, молодец👍👍👍
Круто , я как бы освоил React на нормальном уровне , но все равно посмотрел, мы набрали 1к лайков , ждем туториал по Next.js 💯
🔥 🔥 🔥
Плиз, давай что нибудь мощное про ванилу
топ 🔥🔥🔥
Спасибо большое за старания, но есть одна просьба. Следующий раз названия элементов указывай, пожалуйста, не одинаково. Например: на 34 минуте название propsa написал car и название бегающего элемента внутри map назвал car. Новичку это очень сложно понимать. Вместо cars.map(car=> ) напиши хотя бы так: cars.map(value=> ). Целый час голову ломал, чтоб это понять.
Контент в тему! Давай еще! Спасибо за видосы!
Привет всем, купил подписку за 1990, хоть я сам пишу фронт, начал с back , очень крутой интенсив, всем советую проходить. 1990 не большие деньги, за реально отлично подобранный и структурированный материал. Так же там есть многое другое, можно изучить фронтенд с нуля, попрактиковаться на нем.
Спасибо за материал, подача кайф, понятно и просто👍🏼
Огромное спасибо,я как раз изучаю реакт,то что Надо 🤙
Макс красавчик. Подача за год очень сильно поменялась в лучшую сторону. Жду с нетерпение про Next и RTK
Я в восторге, контент пушка!
СПАСИБО ТЕБЕ ДОБРЫЙ ЧЕЛОВЕК !!!
Очень крутая подача, все упорядочилось в голове, спасибо
Спасибо за просмотр! В этом году выпустим обновленный курс
Хороший гайд, до просмотра использовал легаси классы чтобы было удобно разворачивать много состояний, увидел что можно так же сделать и в функциональном компоненте + познакомился с роутингом. Что не очень понравилось, дальше пошла работа с json сервером который либо настраиваешь сам что отвлекает т.к новичок, либо покупать по подписке. Хотя и понимаю что человек ведет таким образом свой бизнес, претензий как таковых не имею. В целом хотелось бы чтобы материал излагался более плавно т.к в некоторых моментах автор переходит от темы к тебе очень резко, в useMemo перед самим хуком он рассказывает про жизненные циклы, тема довольно большая( не знаю может быть это уже устаревший код про фукнции жизненного цикла, поэтому так мало сказано). В любом случае спасибо за контент
Топ, спасибо большое
🔥🔥🔥🔥🔥
1:15:25 - не надо использовать useCalback там, где это вовсе необязательно. Это преждевременная ненужная оптимизация, которая ухудшиь читаемость кода и может даже замедлить код из-за накладных расходов по обеспечению useCallback
Тоже самое относится и к useMemo.
Использовать нужно только если вы видите, что это действительно ускорит работу, либо если нужно использовать функцию в качестве зависимости эффекта например (в случаях, когда нужна неизменяемая ссылка на функцию/значение)
Большое спасибо. Периодически заглядываю чтобы что-то для себя подчеркнуть. Хотелось бы еще больше видео на тему классического react. Если аудитория по большей части новички, то я, как новичок могу сказать, что вообще не понимаю next. Что касаемо этого видео - оно без аналогов!
Классный курс по React, очень всё подробно, очень классно всё структурировано. Спасибо тебе большое, за твой труд,👍❤
Походу я впервые за 3 года пойму наконец-то что такое React благодаря Вам. Спасибо огромное! :)
Хочу (и буду) пересмотреть все Ваши видео. Лаконично и по сути - таких мало на просторах youtube.
Спасибо еще раз!
Пожалуйста)
Курс просто 🔥🔥🔥🔥🔥🔥🔥🔥
Благодарю
Очень хочу redux, нужно поднажать!!!
Привет , очень нравятся твои видео и я бы хотел приобрести интенсив , но пока не имею возможности . Я конечно понимаю что не смогу повлиять не каким оброзом , но всеже попытаюсь . Если тебе не сложно можешь не поднимать цену на интенсив до ночала лета , я понимаю прошу слишком много и ты не должен это делать , но всеже если не сложно то на месяц задержись . Буду тебе очень блогодарен , заранее спасибо 😌😌
заслуженный лайк
Видео познавательное и много чего понял но слишком все быстро происходит и не успеваю за тобой)
еще не посмотрел, но лайк уже прожал
1:14:17 для простоты можно видео подставить стоковое с shutterstock.
От души, за такие видео
Отлично, информативно и всё понятно, но мало всё равно ((
Большое спасибо!
Блин , очень круто реально помогает! Очень хочу по Next такой! Давайте ребят ставьте лайки! Надо очень!) Харош Макс 👍👍👍👌
Красава, очень неплохо!!!
Спасибо за классный урок.было бы круто еще по тайп-скрипту обучалку
хотелось бы курс по какой-нибудь backend технологии))
Велком на нашу платформу, там есть бэк и для начинающих и для продвинутых
Чувак кайфовый, наконец-то можно не смотреть видос на скорости 2.0
На скорости 0.5х смотреть нормас :D
Есть помарки, но в целом контент годный.
Здравствуйте.
14:02 если emmet отказывается делать автозаполнение тегов и прочего.
Ctrl + , ---> в строчке поиска вбить include Languages ---> Ищем абзац со словами типа ... "JavaScript" : "JavaScriptreact". Эти слова копируем в нижние поля ввода .
В левое окошко вставить JavaScript
В правом окошке встваить JavaScript react.
Некоторые слова могу перепутать, т.к. пишу по памяти, делал всего один раз - emmet внутри React заработал.
Только после просмотра других доп.видео по реакту для начинающих, смог с пониманием смотреть видео и с этого канала. Желаю добра
Спасибо! Заработало!
Спасибо за курс!
И не может не радовать, что данное видео собрало уже 1к лайков
набил аж 3500)))) снимай давай))
Это прям лучше подробная инструкция по react для новичков Спасибо огромное! ! ! 😊 👍👍👍
спасибо
Очень нравится, что без воды, по факту и прямо. Спасибо
Макс ты супер!!!!!
Ураа!
насобирали больше чем 1500 лайков!
очень ждём Redux Toolkiiiit )))
спасибо за класный контент!
Все будет!
Что его ждать? На ютубе тысячи видеоуроков по нему, в том числе и от Максима
Макс, контент 🔥
Thanks.
Будет шикарно, если будет NextJs и Redux 😇👍🤗
Скажи пожалуйста что за дивный шрифт используется в видео?
МАКС! ты крутой!
Прям круто!
Большое спасибо
Некоторые фреймворки (такие, как Angular или React) пытаются решить ту же проблему, которую решают пользовательские элементы, вводя собственные концепции. Пользовательские элементы можно сравнить с директивами Angular или с компонентами React. Однако пользовательские элементы - это стандартная возможность браузера, для работы с ними не нужно ничего, кроме обычных JavaScript, HTML и CSS.
между axios и fetch выбрал ky
👍👍👍
Спасибо!
1500 лайков, тулкит топчик!
Можешь в след.ролике или шортс показать как в твой провайдер добавить логику проверки jwt токена и в случае его истечения срока жизни обновить его?
Посмотрите видео Amazon 2.0 или на сайте интенсив для начинающих
Видос огонь))) У меня вот вопрос а лучше учить, RTK Query или React Query?
React Query
Ребят кто-то если не успевает писать за автором, проставьте скорость на 0.75 будет круто
Макс, сделай подобное видео для vue. Спасибо.