Мое почтение и уважение! Спасибо тебе, Денис! Щас изучаю React, и очень помогает твои уроки и твое объяснение. Подскажи , когда следующий ролик, по 10 проектов? а то уже далеко за 300 лайков, а то мы ждем с нетерпением
Спасибо автору за такой труд. У кого ошибка на проекте "users", просто обновите "react-content-loader". Будет версия "react-content-loader": "^6.2.0", вы должны обновить на версию "react-content-loader": "^6.2.1", через npm i react-content-loader
Спасибо большое! Читаю книгу по Реакту и закрепляю знания вашими уроками. Также кому не нравится синий отблеск при клике на кнопки указывайте следующее свойство в CSS -webkit-tap-highlight-color: transparent;
Автору огромное спасибо, молодец. Для тренировки отличный материал, перед тем как начать смотреть, ознакомился с задачами, попробовал сам, а дальше уже смотришь правильное решение. Идеально для учебы!
Крутые уроки. После второй пиццы все реализуемо самостоятельно, но попадаются интересные моменты, например, асинхронность setState, которые полезно услышать. Вообще кайфово изучать на твоем канале реакт. Спасибо.
Чтобы не прописывать постоянно React.useState(), можно изначально из реакта импортировать данный хук import { useState } from 'react', причём в скобки можно добавлять и другие хуки через запятую и после этого запись будет чуть короче - к примеру: const [step,setStep ] = useState()
Минус такого подхода в том, что если тебе какой-то хук не потребуется больше, ты должен удалить импорты и из самого кода. А тут ты обращаешься к самой либе, без дополнительного импортироваания
Хочу поблагодарить тебя , спасибо тебе большое дружище , ты очень ясно и понятно все объясняешь, когда начал изучать реакт , наткнулся на твой свежий курс реакт пицца v2 , прям ты сделал все четко и ясно , Спасибо что помогаешь новичкам , мне кажется уже нужно делать видео урок или проект какой нибудь посложнее чтобы был , react advance ) Потому что думаю достаточно видео уроков на твоём канале для новичков Удачи тебе дружище , ждём новых видосикоа
Очень душевные и понятные видео , если бы не ты тогда в рекомендациях неверно так бы и не начал учить react ,а так благодаря твоим видео понял основу и теперь сам много чего изучаю , спасибо тебе. Жду видик🤗
1:38:00 в части src={images[0]} в теге img. ругается и не рендерит через map. "Cannot read properties of undefined (reading '0')". и так на все images[]
на 20:00, когда начали Modal выносить в отдельный компонент - столкнулся с проблемой, что компонент не отображается. Пробовал создавать другие компоненты, но и они не хотели отображаться. Оказывается по невнимательности поставил в const Modal = ({ open, setOpen }) => {...} После стрелки должны быть не фигурные, а круглые скобки. Что удивительно, я уже попадался на эту ошибку в сникерсах пару недель назад и там тоже долго не мог понять в чем моя проблема. Видимо просто не привычно, что после стрелки идут не фигурные скобки, а обычные.
Очень крутой ролик! Все очень подробно и доступно. Но особенно сильно мне понравилость ,то что ты сделал изоляцию навыка react. То есть, не пришлось тратить время на верстку, а сразу концентрируешься только на реакте.
Это просто лучшее обучающее видео про React! Денис, огромнейшое спасибо за данный материал!!! У вас талант преподносить сложные на первый взгляд материал так, чтоб он будет понятен даже самым начинающим. Как жаль, что я его не встретил месяц назад. P.S. Для тех тоже учиться, на проекте "Конвертер валют" можете загуглить "курс валют API" и воспользоваться любым удобным для Вас ресурсом.
Автор данного видео, да я обращаюсь именно к тебе 👉🏻 ты настоящий мужчина 💪🏻 делай то что должен делать 😁👍🏻 всегда смотрю твои видео и пробую на практике , спасибо тебе.
Супер полезное видео, особенно для тех, кому лень делать дизайн, а хочется и дизайн и функционал :) И отлично, что приложение не до идеала доведено, а просто как хороший пример. Т.к. хочется самому доделать проект. Например в users у меня при нажатии на +, + поворачивается на 45 градусов и получается крестик :) Так же хочу сделать пагинацию, т.к. в api есть возможность получать постранично новых пользователей. В конвертере валют можно добавить появление списка всех валют, в появившемся списке можно сделать поиск как в users. И выбранную валюту добавлять первой в список, как история выбора. Можно так же добавить флаги к валютам, чтобы было понятней. А потом можно сделать 1 в 1 приложение, но переводчик. Меня уже распирает от идей... У меня код достаточно сильно отличается (т.к. я сначала пишу сам, а потом смотрю как у автора), я решил сделать так, чтобы пока грузятся данные с api, useEffect для изменения валют ничего не делает, и вводить в блоки ничего нельзя. Получилось как мне показалось, по красивей чем с useRef. Функцию отдельную написал convert, которая логично конвертирует :) код намного меньше стал. В общем и целом, ВИДЕО ПРОСТО ТОП.
@@СимбиотГатаки У меня не работает run dev тут npm error Missing script: "dev" npm error npm error To see a list of scripts, run: npm error npm run npm error A complete log of this run can be found in: C:\Users\Danila\AppData\Local pm-cache\_logs\2024-08-28T09_51_06_891Z-debug-0.log
Спасибо большое, прекрасно показал и обьяснил как работать с React, много чего не понятно было, но если вернутся к этому ролику через месяц после обучения, всё будет намного проще(Так и собираюсь сделать)
1:49:30 щелкаю по категориям и что-то сортируется(показывает какие то определенные категории). вроде все работает. но когда открываю консоль во вкладке нетворк, то при выборе категории, она появляется в консоли, но почему-то красным цветом и в статусе ошибка вместо 200. также вылетает алерт, который у вас прописан в строке 30. Почему так происходит? А так все работает, все получается. И вроде как понятно))))прошел курс по реакту да так ничего и не понял. в голове каша. пытаюсь хоть как то программировать следуя различным видео в надежде что придет озарение))) спасибо
Спасибо за понятное объяснение и доступные проекты) В проекте со списком приглашенных не очень понравилось, как организован state. В документации React просили убирать дублирование (invited состояние и состояние просто юзеров - дублирование, на мой взгляд. Пока хз, как исправить, ведь в json файле вроде как нет поля invited), избегать противоречий (isLoading состояние и success по логике не могут быть true одновременно, а по коду могут, лучше сделать status состояние). Сделаю ваш вариант, потом переделаю под себя, так даже интереснее)
честно говоря, там бэд практис на бэдпрактисе. Вместо того чтобы вынести фетч в отдельный модуль, а ещё лучше в отдельный кастомный хук, всё портянкой написано внутри Апп.джс. Функция клика по иконке плюс/минус спускается через Users в User (Prop Drilling). Всё что связано с поиском точно можно убирать из App на уровень ниже в Users/index.js. Строку src для иконки точно можно вынести в отдельную переменную... obj.first_name + obj.last_name надо заменить на obj.first_name + " " + obj.last_name, чтобы искалось вместе с пробелом между именем и фамилией... Не компонент, а сплошная боль (((
Спасибо за подробные уроки, вопрос такой, у меня у одного в приложении по конвертации при увеличении чисел на стрелки после конвертации первое увеличение происходит на дробное число? для воспроизведения ошибки 1) левую часть переведите на USD или другую валюту чтобы в правом инпуте число стало с дробной частью. 2) после удаления дробной части измените число стрелками клавиатуры
Отличный контент. Очень хочется увидеть реализацию с более сложным функционалом, где были бы затронуты не такие очевидные хуки, как useMemo, useCallback, useReducer etc...
Ребята, добрый день. При клонировании и дальнейшем запуске npm start в VC будет выдавать ошибку. Что нужно сделать, когда Git Bashe here сделаете клонирование, вставив ссылку, не закрываем набираем следующей строчкой npm init -y, ниже в строчке пишем npm install, потом npm start - всё заработает. Всем удачи) Арчакову, спасибо за то, что он делает)))
Легко и понятно, спасибо 👍👍кстати, проверку на пробелы ещё можно добавить в списке пользователей) и фильтр неправильно работает - при вводе первой буквы не фильтрует
Ребят всем привет, у меня у одного в последнем проекте, выдает ошибку Uncaught TypeError: Cannot read properties of undefined (reading '0') Collection.JSX 6 строка.
мировой мужик.
Я бы сказал - вселенский
Угу, у человека удивительные способности объяснять сложный материал простыми словами
Ультрамощный видос, для тех кто учит React нужно включить в список обязательного просмотра.
Отличная практика, спасибо автору.
Мое почтение и уважение! Спасибо тебе, Денис! Щас изучаю React, и очень помогает твои уроки и твое объяснение.
Подскажи , когда следующий ролик, по 10 проектов? а то уже далеко за 300 лайков, а то мы ждем с нетерпением
Лучший, я безразмерно рад рад что нашел твой канал. Твой контент лучше чем 99% курсов в интернете.
Дайка думаю зайду посмотрю чем балуешься))) давно тебя не видел. и по голосу понял что пацан то уже дядькой стал. Красавчик. Спасибо за труды
Спасибо автору за такой труд. У кого ошибка на проекте "users", просто обновите "react-content-loader". Будет версия "react-content-loader": "^6.2.0", вы должны обновить на версию "react-content-loader": "^6.2.1", через npm i react-content-loader
спасибо добрый человек
спасибо!
Просил 300 лайков ,уже почти 4 тысячи, ждем 10 проектов на ReactJS
Ты лучший препод по ReactJS
Спасибо за твою работу. Каждый раз с надеждой жду новое видео!
Самый ахрененный блог о фронтенде! И как ты объясняешь- просто 🔥🔥🔥Ты супер! Спасибо тебе огромное 🙏🏼🙏🏼
Спасибо большое! Читаю книгу по Реакту и закрепляю знания вашими уроками.
Также кому не нравится синий отблеск при клике на кнопки указывайте следующее свойство в CSS
-webkit-tap-highlight-color: transparent;
Аллах1о аьтто бойла хьан ваша. Ч1ог1а дика кхетош йу хьан видеош.
Автору огромное спасибо, молодец. Для тренировки отличный материал, перед тем как начать смотреть, ознакомился с задачами, попробовал сам, а дальше уже смотришь правильное решение. Идеально для учебы!
Денис, ты молодец, что помогаешь новичкам, нашел бы я твои уроки года 2.5 назад...
Крутые уроки. После второй пиццы все реализуемо самостоятельно, но попадаются интересные моменты, например, асинхронность setState, которые полезно услышать. Вообще кайфово изучать на твоем канале реакт. Спасибо.
Ты лучший в связке реакт редакс на Ютубе, спасибо за то что делаешь!!!!!!
Чтобы не прописывать постоянно React.useState(), можно изначально из реакта импортировать данный хук import { useState } from 'react', причём в скобки можно добавлять и другие хуки через запятую и после этого запись будет чуть короче - к примеру: const [step,setStep ] = useState()
Минус такого подхода в том, что если тебе какой-то хук не потребуется больше, ты должен удалить импорты и из самого кода. А тут ты обращаешься к самой либе, без дополнительного импортироваания
@@ArchakovBlog Всё не могу отвыкнуть от импорта. Хочу использовать React.useState, но рука сама пишет useState)))
Хочу поблагодарить тебя , спасибо тебе большое дружище , ты очень ясно и понятно все объясняешь, когда начал изучать реакт , наткнулся на твой свежий курс реакт пицца v2 , прям ты сделал все четко и ясно ,
Спасибо что помогаешь новичкам , мне кажется уже нужно делать видео урок или проект какой нибудь посложнее чтобы был , react advance )
Потому что думаю достаточно видео уроков на твоём канале для новичков
Удачи тебе дружище , ждём новых видосикоа
Скоро будут. Пока хочу для джунов запилить контента
@@ArchakovBlog уважуха брат
@@ArchakovBlog Мое почтение :)
@@ArchakovBlog спасибо за ваши труды.
@@ArchakovBlog Денис, какую альтернативу mockapi посоветуешь? Сейчас очень скудный бесплатный функционал, который предоставляет сервис
Спасибо тебе огромное! Ты просто вывел меня из стопора Уважуха тебе и респект! Удачи тебе!!!
Прекрасный материал! Это божественно!
Очень душевные и понятные видео , если бы не ты тогда в рекомендациях неверно так бы и не начал учить react ,а так благодаря твоим видео понял основу и теперь сам много чего изучаю , спасибо тебе. Жду видик🤗
Эти ценные кусочки кода очень важны. В большом проекте начинаешь путаться, а тут прям по частям разобрано. Хорошо бы еще таких кусочков!
Спасибо!
Как же круто ты рассказываешь и объясняешь! Браво дядь!
Карл, да ты просто крутой. Такие вещи выкладывать и бесплатно. Спасибо тебе от чистого сердца!
Рахмет саған Денис!!! Сен керемет ұстазсың!!!
1:38:00 в части src={images[0]} в теге img. ругается и не рендерит через map. "Cannot read properties of undefined (reading '0')". и так на все images[]
Спасибо большое за ваш труд) супер понятно, даже для не очень опытных в данном вопросе, без воды, но показаны все мелкие нюансы, супер)
на 20:00, когда начали Modal выносить в отдельный компонент - столкнулся с проблемой, что компонент не отображается. Пробовал создавать другие компоненты, но и они не хотели отображаться. Оказывается по невнимательности поставил в const Modal = ({ open, setOpen }) => {...}
После стрелки должны быть не фигурные, а круглые скобки. Что удивительно, я уже попадался на эту ошибку в сникерсах пару недель назад и там тоже долго не мог понять в чем моя проблема. Видимо просто не привычно, что после стрелки идут не фигурные скобки, а обычные.
Точно такую же проблему сейчас после прочтения коммента исправил )
Спасибоо!!!!!! всё крутяк !!!!! особенно понравилось что конент весь на "ТЫ" как будто лично для меня сделал видео!! )
Очень классный формат!!! Было бы круто посмотреть ещё проекты в связке с Redux.
Очень крутой ролик! Все очень подробно и доступно. Но особенно сильно мне понравилость ,то что ты сделал изоляцию навыка react. То есть, не пришлось тратить время на верстку, а сразу концентрируешься только на реакте.
Это просто лучшее обучающее видео про React!
Денис, огромнейшое спасибо за данный материал!!!
У вас талант преподносить сложные на первый взгляд материал так, чтоб он будет понятен даже самым начинающим.
Как жаль, что я его не встретил месяц назад.
P.S.
Для тех тоже учиться, на проекте "Конвертер валют" можете загуглить "курс валют API" и воспользоваться любым удобным для Вас ресурсом.
Автор данного видео, да я обращаюсь именно к тебе 👉🏻 ты настоящий мужчина 💪🏻 делай то что должен делать 😁👍🏻 всегда смотрю твои видео и пробую на практике , спасибо тебе.
Спасибо, Дэннис! Тебя приятно слушать, приятный голос
Ждем продолжения, Действительно, все ясно и доходчиво
Уроки довольно таки неплохие и понятные. Спасибо огромное. После просмотра с 3 раза в голове всё встало на свои места
Супер полезное видео, особенно для тех, кому лень делать дизайн, а хочется и дизайн и функционал :) И отлично, что приложение не до идеала доведено, а просто как хороший пример. Т.к. хочется самому доделать проект. Например в users у меня при нажатии на +, + поворачивается на 45 градусов и получается крестик :) Так же хочу сделать пагинацию, т.к. в api есть возможность получать постранично новых пользователей. В конвертере валют можно добавить появление списка всех валют, в появившемся списке можно сделать поиск как в users. И выбранную валюту добавлять первой в список, как история выбора. Можно так же добавить флаги к валютам, чтобы было понятней. А потом можно сделать 1 в 1 приложение, но переводчик. Меня уже распирает от идей... У меня код достаточно сильно отличается (т.к. я сначала пишу сам, а потом смотрю как у автора), я решил сделать так, чтобы пока грузятся данные с api, useEffect для изменения валют ничего не делает, и вводить в блоки ничего нельзя. Получилось как мне показалось, по красивей чем с useRef. Функцию отдельную написал convert, которая логично конвертирует :) код намного меньше стал. В общем и целом, ВИДЕО ПРОСТО ТОП.
300 лайков превратились в 2300 лайков ) ждем 10+ проектов ) успехов!
Дуже круто пояснюєш, дякую!
Здравствуй! Очень рада, что встретила тебя в ютубе. Большое спасибо за работу. С удовольствием покодила и жду продолжения =)
Мне тоже нравится как ты объясняешь! Детали имеют значения!
Перед началом работы в терминале пишем "npm i"
thank you
Спасибо тебе. Я сидел, гадал, почему проект не запускается. После этой команды запустился)
шикарное видео!
все понятно, доходчиво и ничего лишнего.
Ого почти 500 лайков за час. Так держать. Ждём MERN (+TAILWIND)
Вот по таким урокам можно изучать React! Ура! Спасибо!!!!!
Большое спасибо за уроки по вебу! Как по заказу - то, что надо)
Спасибо за видео и труды . Людей, которым эта информация как воздух нужна много, а видео таких гораздо меньше в интернете :)
Перцентаге - самое лучшее объяснение)))
Спасибо большое за уроки!
Вот только в коллекции фото нет реализации нажатия на саму коллекцию!
спс что не показал как запускать реакт-апп, просто лучший
поняли как?
возможно у кого-то с первых минут будет недоразумение - как же запустить это дело в браузере. Terminal->new Terminal -> 1. npm install 2. npm start
Либо npm run dev
@@СимбиотГатаки У меня не работает run dev тут
npm error Missing script: "dev"
npm error
npm error To see a list of scripts, run:
npm error npm run
npm error A complete log of this run can be found in: C:\Users\Danila\AppData\Local
pm-cache\_logs\2024-08-28T09_51_06_891Z-debug-0.log
Это для vite, возможно, в проекте используется CRA@@СимбиотГатаки
Спасибо большое, прекрасно показал и обьяснил как работать с React, много чего не понятно было, но если вернутся к этому ролику через месяц после обучения, всё будет намного проще(Так и собираюсь сделать)
1:35:41
1:38:16
1:41:00 фильтрация через поиск
1:44:45 фильтариция категорий
1:52:10
Очень понятно и спокойно объясняешь. Спасибо большое
Это прекрасно! Очень хочется увидеть полноценное приложение, не только фронт, этого очень мало на ютубе
Очень вовремя, благодарю, лайк
Это лучший формат, продолжай в том же духе! Спасибо за контент)
Спасибо большое за видео, кто бы что не говорил, но всё таки практика это основной пункт в изучении чего либо
Дякую🙏 Чекаю тепер 10 проектів і по можливості якусь гру😌
Отличная подача! Отличный материал!
Отличный контент , хорошая подача ! Продолжай 💪 Очень жду следующую часть видео ! С наступающим новым годом
ура !!! спасибо за работу. еще не смотрела видео , но уверена что все доступно и понятно
Спасибо огромное! Очень доступно объясняете!
1:49:30 щелкаю по категориям и что-то сортируется(показывает какие то определенные категории). вроде все работает.
но когда открываю консоль во вкладке нетворк, то при выборе категории, она появляется в консоли, но почему-то красным цветом и в статусе ошибка вместо 200. также вылетает алерт, который у вас прописан в строке 30.
Почему так происходит?
А так все работает, все получается. И вроде как понятно))))прошел курс по реакту да так ничего и не понял. в голове каша. пытаюсь хоть как то программировать следуя различным видео в надежде что придет озарение))) спасибо
О новый урок! Пока не смотрела, но лайк обязательно
Огромное спасибо за такие видео! 300 лайков - небольшая планка, нужно бвыло еще 0 добавить, 3К лайков за такое!!!)
Спасибо за понятное объяснение и доступные проекты)
В проекте со списком приглашенных не очень понравилось, как организован state. В документации React просили убирать дублирование (invited состояние и состояние просто юзеров - дублирование, на мой взгляд. Пока хз, как исправить, ведь в json файле вроде как нет поля invited), избегать противоречий (isLoading состояние и success по логике не могут быть true одновременно, а по коду могут, лучше сделать status состояние). Сделаю ваш вариант, потом переделаю под себя, так даже интереснее)
честно говоря, там бэд практис на бэдпрактисе. Вместо того чтобы вынести фетч в отдельный модуль, а ещё лучше в отдельный кастомный хук, всё портянкой написано внутри Апп.джс. Функция клика по иконке плюс/минус спускается через Users в User (Prop Drilling). Всё что связано с поиском точно можно убирать из App на уровень ниже в Users/index.js. Строку src для иконки точно можно вынести в отдельную переменную... obj.first_name + obj.last_name надо заменить на obj.first_name + " " + obj.last_name, чтобы искалось вместе с пробелом между именем и фамилией... Не компонент, а сплошная боль (((
Огромное спасибо) Ждём продолжения🙂
Спасибо за подробные уроки, вопрос такой, у меня у одного в приложении по конвертации при увеличении чисел на стрелки после конвертации первое увеличение происходит на дробное число?
для воспроизведения ошибки
1) левую часть переведите на USD или другую валюту чтобы в правом инпуте число стало с дробной частью.
2) после удаления дробной части измените число стрелками клавиатуры
Спасибо Мэн 💪💪
БаркаЛлахӀ брат!
Ждем след-го выпуска, с нетерпеньем
Я здела 5 проектов из 6 и много нового узнал спасибо автору за труд
Видео собрало 4100 лайков (на момент написания комментария) - ждем видео по 10 проектам больше, чем Новый год 😊
как вы запускаете сервер ? я пишу npm run dev и ничего
@@marko8815 как в скриптах прописано так и открывать
@@marko8815 запустил ?
Оставлю комментарий, для мотивация автора! Спасибо за труды)
Как всегда супер!!! Спасибо, что ты есть!!!
Спасибо автору за подробное объяснение материала!! Теперь на выходных есть чем заняться !!!
Как всегда великолепный урок. Отличная подача материала. Спасибо за Ваш труд и за науку.
Спасибо вам большое за такой контент. Вы очень четко и простыми словами преподносите всю инфу. Ждем новых видосиков и интересных задач👍👍👍
большое спасибо за продуманные уроки, очень полезный и нужный контент, спасибо что ты есть )
Спасибо большое!) Вы очень круто объясняете!))))
Еще не досмотрел, но уже благодарен тебе за такой хороший урок. Очень понятно объясняешь.
Очень много полезностей) 🤘
Как круто! Лайк, подписка, колокольцев)
Огромное спасибо за твой труд!
Отличный контент. Очень хочется увидеть реализацию с более сложным функционалом, где были бы затронуты не такие очевидные хуки, как useMemo, useCallback, useReducer etc...
подскажите пожалуйста как запустить проект в браузере, через Live Server открывается сайт с название listing directory /
Спасибо за видео, крутые мини-проекты. Можно следующий выпуск что-нибудь по сложнее?
Спасибо за твою помощь, приятная и четкая подача.
59:32 строка 33 setInvites(prev => итд) откуда мы берем prev?
Могу предположить что если передавать функции, то он по умолчанию будет передавать предыдущее состояние
Красавчик !Продолжай в том же духе!!!
Спасибо за твою работу! (6 разных ReactJS проектов уровня Junior)
Спасибо Мужик💪💪
Круто! Спасибо большое за контент побольше для новичков реакта.
У меня после инсталляции зависимостей, при npm start пустая страница отображается.
как запустить проект? Я нажимаю запуск и откладка, после этого открывается хром и пишет "Не удается получить доступ к сайту"
Похоже что есть какая то проблема.
Ребята, добрый день. При клонировании и дальнейшем запуске npm start в VC будет выдавать ошибку. Что нужно сделать, когда Git Bashe here сделаете клонирование, вставив ссылку, не закрываем набираем следующей строчкой npm init -y, ниже в строчке пишем npm install, потом npm start - всё заработает. Всем удачи) Арчакову, спасибо за то, что он делает)))
Легко и понятно, спасибо 👍👍кстати, проверку на пробелы ещё можно добавить в списке пользователей) и фильтр неправильно работает - при вводе первой буквы не фильтрует
Ребят всем привет, у меня у одного в последнем проекте, выдает ошибку Uncaught TypeError: Cannot read properties of undefined (reading '0') Collection.JSX 6 строка.
Спасибо 😉 вы супер !!
реакт это муть такая, что его без готового кода выучить нельзя. Спасибо ! Теперь хоть что то начало проясняться в нем
54:30 нужно заменить obj.first_name + obj.last_name на obj.first_name + " " + obj.last_name
иначе он не находит Janet Weaver (с пробелом)
да я догадался сам, но спс