Всех с праздником! 🎉 🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium *В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
У кого возникла проблема с роутами (~1:03:50). Проверьте, что в main.jsx вы импортировали свой собственный компонент (а не компонент react-router-dom). Мб кому-то поможет.
всё супер, спасибо огромное 💥 из минусов - некоторые шаги приходится улавливать (вписал вызов функции здесь 54:18 ваще незаметно 😅 + автоматом добавляются импорты, эти моменты для начинающих чисто упомянуть будет + ) - и тяжеловато речь разбирать, чуток торопишься )) дикция, много терминов всё таки надо четко услышать ещё и успеть понять Спасибо очень полезный материал 👍
Не досматривая ролик 👍, подписался. Если я правильно с интерпретировал то разбитие на компоненты как ты привел в пример карточка машины это компонент если чисто верстать на чистом HTML то это грубо говоря подкомпоненты это кнопки, текст в отдельных тегах.
Тем, кто также столкнулся с проблемой emmet: в settings.json добавляете такие строки: "emmet.includeLanguages": { // Тут что-то ещё может быть, у меня настройки html "javascript": "javascriptreact", "typescript": "typescriptreact" }, Это раз. "emmet.showExpandedAbbreviation": "always", Это два. Про второе: эта ошибка еще с тех времён в settings.json, когда Макс выкладывал настройки vscode.
дошел до роутов, на моменте 1:03:58 делаю все как у вас, выходит такая ошибка: Uncaught TypeError: Cannot read properties of undefined (reading 'pathname'), пишут что нужно добавить link, а как у вас без него работает ?
Эммет конкретно в css не работает из-за частого использования tilewind, который требует POSTCSS. Когда пользуешься обычным css, просто отключай это расширение и все будет работать. Тоже мучался, но потом таки нагуглил)
Можешь сделать видос подробный про создание админки и авторизации/регистарции на реакт. Именно на этих аспектах сконцентрироваться, думаю новичкам будет интересно такой урок посмотреть
Если у кого-то была ошибка, что компилятор не видит тип пропса, который мы передаем в компонент, то вот решение: Импортируем в компонент: import PropTypes from 'prop-types'; После функции компонента указываем тип: CarItem.propTypes = { value: PropTypes.object }
Через 3 дня собес на Junior Fullstack разработчика на стеке C# + TS + React, цель: выучить TS + React на базовом уровне за эти 3 дня(благо C# я учу уже давно), как человек, который не фронтендер ни разу, и учит typescript и react с нуля, могу сказать что видео очень быстрое, и сильно путает обычного бекендера, во всяком случае меня)
@@lexuschert Сейчас я просто спидраню попытку попасть на единственную адекватную стажировку/позицию джуна с C# на бекенде, где у меня есть шанс пройти)
@@lexuschert Хз, вчера был технический собес, мне первым делом дали задачку по реакту. Но да, js нужно знать, так как 90% написания react приложения происходит через js.
Спасибо большое за старания, но есть одна просьба. Следующий раз названия элементов указывай, пожалуйста, не одинаково. Например: на 34 минуте название propsa написал car и название бегающего элемента внутри map назвал car. Новичку это очень сложно понимать. Вместо cars.map(car=> ) напиши хотя бы так: cars.map(value=> ). Целый час голову ломал, чтоб это понять.
1:15:25 - не надо использовать useCalback там, где это вовсе необязательно. Это преждевременная ненужная оптимизация, которая ухудшиь читаемость кода и может даже замедлить код из-за накладных расходов по обеспечению useCallback Тоже самое относится и к useMemo. Использовать нужно только если вы видите, что это действительно ускорит работу, либо если нужно использовать функцию в качестве зависимости эффекта например (в случаях, когда нужна неизменяемая ссылка на функцию/значение)
Хороший гайд, до просмотра использовал легаси классы чтобы было удобно разворачивать много состояний, увидел что можно так же сделать и в функциональном компоненте + познакомился с роутингом. Что не очень понравилось, дальше пошла работа с json сервером который либо настраиваешь сам что отвлекает т.к новичок, либо покупать по подписке. Хотя и понимаю что человек ведет таким образом свой бизнес, претензий как таковых не имею. В целом хотелось бы чтобы материал излагался более плавно т.к в некоторых моментах автор переходит от темы к тебе очень резко, в useMemo перед самим хуком он рассказывает про жизненные циклы, тема довольно большая( не знаю может быть это уже устаревший код про фукнции жизненного цикла, поэтому так мало сказано). В любом случае спасибо за контент
Привет всем, купил подписку за 1990, хоть я сам пишу фронт, начал с back , очень крутой интенсив, всем советую проходить. 1990 не большие деньги, за реально отлично подобранный и структурированный материал. Так же там есть многое другое, можно изучить фронтенд с нуля, попрактиковаться на нем.
Редко пишу комментарии, посмотрел половину видео и уже могу сказать что это очень круто, спасибо за такое внятное объяснение без воды. Уверен что к концу видео буду еще больше в восторге, отличный контент.
Возникла ошибка The requested module '' does not provide an export named 'default' . Добавил в CarItem.jsx - export default CarItem - ошибка ушла. Странно что в уроке нет даной строки и не выводится ошибка...
Как я понял JSON Server мы создаем только для подгрузки картинки. Почему через это же сервер не создать полноценные карточки без cars.data.js, а брать все данные с db.json?
Невероятно мощный урок, как и все предыдущие работы автора! Доступно и без воды! Редко оставляю комментарии, но ради продвижения такого годного контента и поддержки стараний автора грех не оставить! С нетерпением буду ждать видео по редакс!
Откуда взялись картинки, после того как поставили Json server, прописали Image: localhost:4200/image.1jpg, 2jpg ? откуда они берутся если в паблике их нету
Запоролся в самом начале при вводе команды yarn dev: error Command "dev" not found. Погуглил зарубежные ресурсы, проверил файл package.json на наличие dev: vite в разделе scripts. Не помогло...
Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) - htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
У кого возникла проблема с роутами (~1:03:50). Проверьте, что в main.jsx вы импортировали свой собственный компонент (а не компонент react-router-dom). Мб кому-то поможет.
Спасибо!
Спасибо тебе, добрый человек!
Нужно 1500 лайков!!!
Определённо
Требуется строгое равенство?
Лучший канал, топ материал, Макс респект 0:04
Благодарю 🙏
Если у вас также возникли трудности на роутах ( момент 1:03:50) вот решение: В файле main.jsx прописываем import Router from './components/Router'
Мне не помогло. Пришлось по документации переписывать.
всё супер, спасибо огромное 💥
из минусов
- некоторые шаги приходится улавливать (вписал вызов функции здесь 54:18 ваще незаметно 😅 + автоматом добавляются импорты, эти моменты для начинающих чисто упомянуть будет + )
- и тяжеловато речь разбирать, чуток торопишься )) дикция, много терминов всё таки надо четко услышать ещё и успеть понять
Спасибо очень полезный материал 👍
Я скорость чуточку уменьшила и идеально 😍
А мне скорость как раз хорошо залетает. Нет ощущения, что автор тормознутый или объясняет для совсем идиотов. И x2 не надо нажимать)
А мне скорость как раз хорошо залетает. Нет ощущения, что автор тормознутый или объясняет для совсем идиотов. И x2 не надо нажимать)
Не досматривая ролик 👍, подписался. Если я правильно с интерпретировал то разбитие на компоненты как ты привел в пример карточка машины это компонент если чисто верстать на чистом HTML то это грубо говоря подкомпоненты это кнопки, текст в отдельных тегах.
Обязательно 1.5к лайков, нужен видос по rtk query!
Тем, кто также столкнулся с проблемой emmet: в settings.json добавляете такие строки:
"emmet.includeLanguages": {
// Тут что-то ещё может быть, у меня настройки html
"javascript": "javascriptreact",
"typescript": "typescriptreact"
},
Это раз.
"emmet.showExpandedAbbreviation": "always",
Это два.
Про второе: эта ошибка еще с тех времён в settings.json, когда Макс выкладывал настройки vscode.
Отличный ролик! Ждем видео про next
От души, что помогаешь людям начинающим свой путь
Спасибо за труд Макс🤲👏
1:05:00
А где вариант без подписочной БД для просмотра подробнее о машине?
Не понял вопрос, бд можете сами развернуть она супер простая 1 файл
Круто! Спасибо!
Очень хочу посмотреть на Redux в твоём исполнении с полной практикой. Спасибо за ролик(◠‿◕)
и Redux toolkit
Лучше сразу нормальные стейт менеджеры смотреть
Макс все отлично🔥🔥🔥, но для новичков можно было бы чуть помедленнее, особенно когда идет работа именно с кодом🙏
🤣@@cuppo6638
Спасибо тебе, добрый человек, что делаешь очень полезные курсы. ❤️
Уже не первый раз смотрю это видео, считаю его лучшим из всех видосов для начинающих по React , спасибо Макс)
дошел до роутов, на моменте 1:03:58 делаю все как у вас, выходит такая ошибка: Uncaught TypeError: Cannot read properties of undefined (reading 'pathname'), пишут что нужно добавить link, а как у вас без него работает ?
Тоже ошибка, нашли решение?
Шикарный ролик! Радует крупный шрифт - можно смотреть лежа на диване
😆 лежа на диване программистом за пол года 😁
@@runar9118 Новая методика надо запатентовать)))
только я собрался поинтересоваться реактом. Благодарность неимоверная!))
Скажи пожалуйста что за дивный шрифт используется в видео?
Спасибо за твои труды👍
Макс, этот ролик очень кстати! помогает освежить тонкости Реакта после перерыва
ахахах обычно я все видео ускоряю 1, 5 ты единственный кого приходится замедлять)) ыыыы
Топ, спасибо большое
Молодец, Макс.
Крутые видосы.
Эммет конкретно в css не работает из-за частого использования tilewind, который требует POSTCSS. Когда пользуешься обычным css, просто отключай это расширение и все будет работать.
Тоже мучался, но потом таки нагуглил)
Лучший! Спасибо.
Максим благоволю очень доступно и понятно спасибо !
Можешь сделать видос подробный про создание админки и авторизации/регистарции на реакт. Именно на этих аспектах сконцентрироваться, думаю новичкам будет интересно такой урок посмотреть
В интенсивах было
Отлично! Гайд по действительно актуальной теме с крутой выжимкой по темам, огромнейший респект за такой контент!!
Отличное видео, работая с легаси кодом, на реальном проекте всешгда нужно изучать что то новое
Когда только автор успевает видео делать) не успел одно разобрать, как другое сразу выходит, как раз по редаксу видео нужно, респект) 💥😎
Если у кого-то была ошибка, что компилятор не видит тип пропса, который мы передаем в компонент, то вот решение:
Импортируем в компонент:
import PropTypes from 'prop-types';
После функции компонента указываем тип:
CarItem.propTypes = {
value: PropTypes.object
}
Очень крутая подача, все упорядочилось в голове, спасибо
Спасибо за просмотр! В этом году выпустим обновленный курс
Галопом конечно, но пока пол видео все понятно, спасибо!
как моудли эти с css подключить? постоянно ошибка что не может их найти
Через 3 дня собес на Junior Fullstack разработчика на стеке C# + TS + React, цель: выучить TS + React на базовом уровне за эти 3 дня(благо C# я учу уже давно), как человек, который не фронтендер ни разу, и учит typescript и react с нуля, могу сказать что видео очень быстрое, и сильно путает обычного бекендера, во всяком случае меня)
@@lexuschert Сейчас я просто спидраню попытку попасть на единственную адекватную стажировку/позицию джуна с C# на бекенде, где у меня есть шанс пройти)
@@lexuschert Хз, вчера был технический собес, мне первым делом дали задачку по реакту. Но да, js нужно знать, так как 90% написания react приложения происходит через js.
Чем закончился собес?
Контент в тему! Давай еще! Спасибо за видосы!
Отлтчный контент, побольше бы такого, спасибо тебе
3:25 в какой момент мы начали использовать vite?
Спасибо большое за старания, но есть одна просьба. Следующий раз названия элементов указывай, пожалуйста, не одинаково. Например: на 34 минуте название propsa написал car и название бегающего элемента внутри map назвал car. Новичку это очень сложно понимать. Вместо cars.map(car=> ) напиши хотя бы так: cars.map(value=> ). Целый час голову ломал, чтоб это понять.
🔥 🔥 🔥
топ 🔥🔥🔥
Спасибо за урок очень помогает новичкам.
1:15:25 - не надо использовать useCalback там, где это вовсе необязательно. Это преждевременная ненужная оптимизация, которая ухудшиь читаемость кода и может даже замедлить код из-за накладных расходов по обеспечению useCallback
Тоже самое относится и к useMemo.
Использовать нужно только если вы видите, что это действительно ускорит работу, либо если нужно использовать функцию в качестве зависимости эффекта например (в случаях, когда нужна неизменяемая ссылка на функцию/значение)
1:26:17 замыкание 🙂
Здоровенный лайк тебе , но только рассказывай помедленнее, а так все супер, молодец👍👍👍
Я в восторге, контент пушка!
14:37, как быть в случае с npm, чтобы также локал запустился
Такой огромной скорости написания кода добьюсь я явно еще не скоро
Макс, все круто! Давай продолжение))))
СПАСИБО ТЕБЕ ДОБРЫЙ ЧЕЛОВЕК !!!
От души, за такие видео
Хороший гайд, до просмотра использовал легаси классы чтобы было удобно разворачивать много состояний, увидел что можно так же сделать и в функциональном компоненте + познакомился с роутингом. Что не очень понравилось, дальше пошла работа с json сервером который либо настраиваешь сам что отвлекает т.к новичок, либо покупать по подписке. Хотя и понимаю что человек ведет таким образом свой бизнес, претензий как таковых не имею. В целом хотелось бы чтобы материал излагался более плавно т.к в некоторых моментах автор переходит от темы к тебе очень резко, в useMemo перед самим хуком он рассказывает про жизненные циклы, тема довольно большая( не знаю может быть это уже устаревший код про фукнции жизненного цикла, поэтому так мало сказано). В любом случае спасибо за контент
а почему CarItem создали не в es6 не const ()=> {..} а function () {} ??
Огромное спасибо за видео!
Только-только начал изучать React, а тут полное обучение с разъяснениями 🤪
Привет всем, купил подписку за 1990, хоть я сам пишу фронт, начал с back , очень крутой интенсив, всем советую проходить. 1990 не большие деньги, за реально отлично подобранный и структурированный материал. Так же там есть многое другое, можно изучить фронтенд с нуля, попрактиковаться на нем.
еще не посмотрел, но лайк уже прожал
Огромное спасибо,я как раз изучаю реакт,то что Надо 🤙
Красава, очень неплохо!!!
1:37:12 у меня data undefined почему? С сервером все в порядке, сделал все как на видео. Ошибка: не могу прочитать своймтво length у undefined
Первый раз отрабатывает, страницу обновляешь ошибка, почему так?
Плиз, давай что нибудь мощное про ванилу
Подскажи, пожалуйста, что лучше использовать - React Query или RTK Query? Или они вообще для разных операций предназначены?
React Query имеет большую функциональность, поэтому его
@@REDGroup спасибо большое! И за ответ и за контент!)
набил аж 3500)))) снимай давай))
Спасибо за материал, подача кайф, понятно и просто👍🏼
Макс, контент 🔥
заслуженный лайк
Редко пишу комментарии, посмотрел половину видео и уже могу сказать что это очень круто, спасибо за такое внятное объяснение без воды. Уверен что к концу видео буду еще больше в восторге, отличный контент.
Возникла ошибка The requested module '' does not provide an export named 'default' . Добавил в CarItem.jsx - export default CarItem - ошибка ушла. Странно что в уроке нет даной строки и не выводится ошибка...
Как я понял JSON Server мы создаем только для подгрузки картинки. Почему через это же сервер не создать полноценные карточки без cars.data.js, а брать все данные с db.json?
Досмотрите видео до конца, именно так мы и сделали
У меня в
26:42 картинка не отображается. Уже что только не перепробовал
Невероятно мощный урок, как и все предыдущие работы автора! Доступно и без воды! Редко оставляю комментарии, но ради продвижения такого годного контента и поддержки стараний автора грех не оставить!
С нетерпением буду ждать видео по редакс!
Подскажите пожалуйста почему не получается скачать материалы из хранилища, к netflix, хотя есть подписка?
Откуда взялись картинки, после того как поставили Json server, прописали Image: localhost:4200/image.1jpg, 2jpg ? откуда они берутся если в паблике их нету
Как плагин называется, для подсказок в коде?) напишите пж
GitHub copilot
Прям круто!
А есть ли для usecontext Стейт менеджер, что бы видеть взаимосвязь компонентов и в каком что прокинуто
Запоролся в самом начале при вводе команды yarn dev: error Command "dev" not found.
Погуглил зарубежные ресурсы, проверил файл package.json на наличие dev: vite в разделе scripts.
Не помогло...
Курс просто 🔥🔥🔥🔥🔥🔥🔥🔥
Благодарю
МАКС! ты крутой!
Макс ты супер!!!!!
Макс красавчик. Подача за год очень сильно поменялась в лучшую сторону. Жду с нетерпение про Next и RTK
сними пожалуйста и NEXTJS и Redux-toolkit
Ждем плейлист по реакту)
Всё конечно круто, но у меня на самом начале тупняк случился, где именно нужно писать первую команду для подключения vite?
🔥🔥🔥🔥🔥
На скорости 0.5х смотреть нормас :D
Есть помарки, но в целом контент годный.
что такое сервисы? на 1:00:42. понятно конечно что логика просто вынеслась в отдельный файл, но почему это называется сервис?
Это правильная декомпозиция. Потому что если мы будет запросы писать внутри компонента будет каша.
@@REDGroup понял, спасибо
Видос огонь))) У меня вот вопрос а лучше учить, RTK Query или React Query?
React Query
Большое спасибо
Видео познавательное и много чего понял но слишком все быстро происходит и не успеваю за тобой)
привет. спасибо за полезный урок. можете сказать что это за плагин который подсказывает весь код
GitHub copilot, но я его уже давно не использую, так как оптимизация редактора кода страдает
1:14:17 для простоты можно видео подставить стоковое с shutterstock.
Спасибо большое тебя бро! Но у меня вопрос, а какой ты сниппет используешь ?
Сейчас свои сниппеты, в последних роликах поищи в описании мою настройку вс код
Макс, привет. Какую мышку используешь на маке?
Трекпад
@@REDGroup ого, капец ты шустро) я просто монитор подключаю и трекпад не вариант использовать, а magic mouse оказалась шляпой)
Так я тоже монитор подключаю, купил себе apple trackpad и кайфую уже года 3, мышкой вообще не удобно на мак системе юзать
@@REDGroup ааа, вот оно что) Отдельный trackpad. А ты мне идею подкинул, спасибо)
Отлично, информативно и всё понятно, но мало всё равно ((
Спасибо!