Разработай 6 проектов на ReactJS (для начинающих)
HTML-код
- Опубликовано: 13 июн 2024
- В этом видео я тебе покажу как разработать 6 разных ReactJS проектов уровня Junior.
Данное видео подойдёт для тех, кто только недавно познакомился с ReactJS и хочет добавить к себе в портфолио проекты.
Видео по деплою: • Деплой React-приложени...
📚 GitHub-репо: t.me/archakov_im/534
🔗 Следите за обновлениями и информацией в:
- Telegram-канале: t.me/archakov_im
- VK: archakov_im
- Личном блоге: archakov.im
- GitHub: github.com/Archakov06
- Моё резюме: career.habr.com/archakovim
⏰ Таймкоды:
00:00:00 Введение
00:00:56 Подготовка перед разработкой
00:04:09 Счётчик
00:10:13 Модальное окно
00:22:35 Quiz (опросник)
00:37:22 Список пользователей
01:07:36 Конвертер валют
01:34:18 Коллекция фотографий
#react #javascript #reactproject #quiz #modal #users #jsphotos #counter
мировой мужик.
Я бы сказал - вселенский
Угу, у человека удивительные способности объяснять сложный материал простыми словами
Мое почтение и уважение! Спасибо тебе, Денис! Щас изучаю React, и очень помогает твои уроки и твое объяснение.
Подскажи , когда следующий ролик, по 10 проектов? а то уже далеко за 300 лайков, а то мы ждем с нетерпением
Спасибо за твою работу. Каждый раз с надеждой жду новое видео!
Автору огромное спасибо, молодец. Для тренировки отличный материал, перед тем как начать смотреть, ознакомился с задачами, попробовал сам, а дальше уже смотришь правильное решение. Идеально для учебы!
Крутые уроки. После второй пиццы все реализуемо самостоятельно, но попадаются интересные моменты, например, асинхронность setState, которые полезно услышать. Вообще кайфово изучать на твоем канале реакт. Спасибо.
Денис, ты молодец, что помогаешь новичкам, нашел бы я твои уроки года 2.5 назад...
Лучший, я безразмерно рад рад что нашел твой канал. Твой контент лучше чем 99% курсов в интернете.
Самый ахрененный блог о фронтенде! И как ты объясняешь- просто 🔥🔥🔥Ты супер! Спасибо тебе огромное 🙏🏼🙏🏼
Спасибо за видео и труды . Людей, которым эта информация как воздух нужна много, а видео таких гораздо меньше в интернете :)
Как всегда великолепный урок. Отличная подача материала. Спасибо за Ваш труд и за науку.
Здравствуй! Очень рада, что встретила тебя в ютубе. Большое спасибо за работу. С удовольствием покодила и жду продолжения =)
Прекрасный материал! Это божественно!
Очень классный формат!!! Было бы круто посмотреть ещё проекты в связке с Redux.
Карл, да ты просто крутой. Такие вещи выкладывать и бесплатно. Спасибо тебе от чистого сердца!
Как же круто ты рассказываешь и объясняешь! Браво дядь!
Очень душевные и понятные видео , если бы не ты тогда в рекомендациях неверно так бы и не начал учить react ,а так благодаря твоим видео понял основу и теперь сам много чего изучаю , спасибо тебе. Жду видик🤗
Просил 300 лайков ,уже почти 4 тысячи, ждем 10 проектов на ReactJS
Ты лучший препод по ReactJS
Уроки довольно таки неплохие и понятные. Спасибо огромное. После просмотра с 3 раза в голове всё встало на свои места
ура !!! спасибо за работу. еще не смотрела видео , но уверена что все доступно и понятно
Огромное спасибо) Ждём продолжения🙂
Дайка думаю зайду посмотрю чем балуешься))) давно тебя не видел. и по голосу понял что пацан то уже дядькой стал. Красавчик. Спасибо за труды
Спасибо вам большое за такой контент. Вы очень четко и простыми словами преподносите всю инфу. Ждем новых видосиков и интересных задач👍👍👍
Очень крутой ролик! Все очень подробно и доступно. Но особенно сильно мне понравилость ,то что ты сделал изоляцию навыка react. То есть, не пришлось тратить время на верстку, а сразу концентрируешься только на реакте.
Большое спасибо за уроки по вебу! Как по заказу - то, что надо)
Отличный контент , хорошая подача ! Продолжай 💪 Очень жду следующую часть видео ! С наступающим новым годом
Вот по таким урокам можно изучать React! Ура! Спасибо!!!!!
Это просто лучшее обучающее видео про React!
Денис, огромнейшое спасибо за данный материал!!!
У вас талант преподносить сложные на первый взгляд материал так, чтоб он будет понятен даже самым начинающим.
Как жаль, что я его не встретил месяц назад.
P.S.
Для тех тоже учиться, на проекте "Конвертер валют" можете загуглить "курс валют API" и воспользоваться любым удобным для Вас ресурсом.
Спасибо, Дэннис! Тебя приятно слушать, приятный голос
Очень понятно и спокойно объясняешь. Спасибо большое
Спасибо большое за ваш труд) супер понятно, даже для не очень опытных в данном вопросе, без воды, но показаны все мелкие нюансы, супер)
Спасибо автору за подробное объяснение материала!! Теперь на выходных есть чем заняться !!!
Спасибоо!!!!!! всё крутяк !!!!! особенно понравилось что конент весь на "ТЫ" как будто лично для меня сделал видео!! )
Эти ценные кусочки кода очень важны. В большом проекте начинаешь путаться, а тут прям по частям разобрано. Хорошо бы еще таких кусочков!
Спасибо!
Перед началом работы в терминале пишем "npm i"
thank you
шикарное видео!
все понятно, доходчиво и ничего лишнего.
Это лучший формат, продолжай в том же духе! Спасибо за контент)
Автор данного видео, да я обращаюсь именно к тебе 👉🏻 ты настоящий мужчина 💪🏻 делай то что должен делать 😁👍🏻 всегда смотрю твои видео и пробую на практике , спасибо тебе.
Спасибо за твою помощь, приятная и четкая подача.
Спасибо тебе огромное! Ты просто вывел меня из стопора Уважуха тебе и респект! Удачи тебе!!!
Мне тоже нравится как ты объясняешь! Детали имеют значения!
Ждем продолжения, Действительно, все ясно и доходчиво
Как всегда супер!!! Спасибо, что ты есть!!!
Спасибо большое! Читаю книгу по Реакту и закрепляю знания вашими уроками.
Также кому не нравится синий отблеск при клике на кнопки указывайте следующее свойство в CSS
-webkit-tap-highlight-color: transparent;
Ультрамощный видос, для тех кто учит React нужно включить в список обязательного просмотра.
Отличная практика, спасибо автору.
Это прекрасно! Очень хочется увидеть полноценное приложение, не только фронт, этого очень мало на ютубе
возможно у кого-то с первых минут будет недоразумение - как же запустить это дело в браузере. Terminal->new Terminal -> 1. npm install 2. npm start
Либо npm run dev
Еще не досмотрел, но уже благодарен тебе за такой хороший урок. Очень понятно объясняешь.
Ты лучший в связке реакт редакс на Ютубе, спасибо за то что делаешь!!!!!!
Очень вовремя, благодарю, лайк
Спасибо за уроки, спасибо, что делаешь уроки для начинающих!👍👍👍👍👍
Оставлю комментарий, для мотивация автора! Спасибо за труды)
Круто! Спасибо большое за контент побольше для новичков реакта.
Спасибо за твою работу! (6 разных ReactJS проектов уровня Junior)
О новый урок! Пока не смотрела, но лайк обязательно
большое спасибо за продуманные уроки, очень полезный и нужный контент, спасибо что ты есть )
Спасибо за уроки, спасибо, что делаешь уроки для начинающих!
Спасибо большое!) Вы очень круто объясняете!))))
Отличная подача! Отличный материал!
Спасибо большое, прекрасно показал и обьяснил как работать с React, много чего не понятно было, но если вернутся к этому ролику через месяц после обучения, всё будет намного проще(Так и собираюсь сделать)
Огромное спасибо за твой труд!
Рахмет саған Денис!!! Сен керемет ұстазсың!!!
Спасибо за уроки! Отлично получилось.
Респект Вам!! Для новичков в самый раз.
Аллах1о аьтто бойла хьан ваша. Ч1ог1а дика кхетош йу хьан видеош.
Спасибо большое за видео, кто бы что не говорил, но всё таки практика это основной пункт в изучении чего либо
300 лайков превратились в 2300 лайков ) ждем 10+ проектов ) успехов!
Спасибо за видео, крутые мини-проекты. Можно следующий выпуск что-нибудь по сложнее?
Чтобы не прописывать постоянно React.useState(), можно изначально из реакта импортировать данный хук import { useState } from 'react', причём в скобки можно добавлять и другие хуки через запятую и после этого запись будет чуть короче - к примеру: const [step,setStep ] = useState()
Минус такого подхода в том, что если тебе какой-то хук не потребуется больше, ты должен удалить импорты и из самого кода. А тут ты обращаешься к самой либе, без дополнительного импортироваания
@@ArchakovBlog Всё не могу отвыкнуть от импорта. Хочу использовать React.useState, но рука сама пишет useState)))
Большое спасибо за самые классные уроки по ReactJS !
Хотелось бы видео про сериализацию данных и как работать с non-serializable данным в редаксе. Толковых уроков на ютубе на эту тему на данный момент нету
Спасибо , очень интересно, круто, доступно.
Красавчик !Продолжай в том же духе!!!
Просто невероятный человек, спасибо.
Ого почти 500 лайков за час. Так держать. Ждём MERN (+TAILWIND)
Перцентаге - самое лучшее объяснение)))
как запустить проект? Я нажимаю запуск и откладка, после этого открывается хром и пишет "Не удается получить доступ к сайту"
Хочу поблагодарить тебя , спасибо тебе большое дружище , ты очень ясно и понятно все объясняешь, когда начал изучать реакт , наткнулся на твой свежий курс реакт пицца v2 , прям ты сделал все четко и ясно ,
Спасибо что помогаешь новичкам , мне кажется уже нужно делать видео урок или проект какой нибудь посложнее чтобы был , react advance )
Потому что думаю достаточно видео уроков на твоём канале для новичков
Удачи тебе дружище , ждём новых видосикоа
Скоро будут. Пока хочу для джунов запилить контента
@@ArchakovBlog уважуха брат
@@ArchakovBlog Мое почтение :)
@@ArchakovBlog спасибо за ваши труды.
@@ArchakovBlog Денис, какую альтернативу mockapi посоветуешь? Сейчас очень скудный бесплатный функционал, который предоставляет сервис
Как круто! Лайк, подписка, колокольцев)
Легко и понятно, спасибо 👍👍кстати, проверку на пробелы ещё можно добавить в списке пользователей) и фильтр неправильно работает - при вводе первой буквы не фильтрует
Ребята, добрый день. При клонировании и дальнейшем запуске npm start в VC будет выдавать ошибку. Что нужно сделать, когда Git Bashe here сделаете клонирование, вставив ссылку, не закрываем набираем следующей строчкой npm init -y, ниже в строчке пишем npm install, потом npm start - всё заработает. Всем удачи) Арчакову, спасибо за то, что он делает)))
Уроки хорошие. Благодарю автора.
Спасибо большое за контент он на высоком уровне!
Спасибо 😉 вы супер !!
спасибо большое !!! всё очень понятно !
Очень много полезностей) 🤘
Дякую🙏 Чекаю тепер 10 проектів і по можливості якусь гру😌
Круто, спасибо!👍
Огромное спасибо за такие видео! 300 лайков - небольшая планка, нужно бвыло еще 0 добавить, 3К лайков за такое!!!)
Спасибо за труд!
Я здела 5 проектов из 6 и много нового узнал спасибо автору за труд
Очень хороший ролик,скоро буду смотреть
Спасибо за такой труд
Крутой дядька! Давай ещё видосов.
Спасибо Мэн 💪💪
Круто! Спасибо!
Дуже круто пояснюєш, дякую!
Спасибо Мужик💪💪
спс что не показал как запускать реакт-апп, просто лучший
поняли как?
Спасибо тебе, лучший!
все круто спс, есть вопрос по квизу я давно пробовал делать свой квиз и хотел что б было рендомное отображение вопросов не по порядку и что б в ответы к вопросам тоже каждый раз перемешивались, но так и не смог этого добиться в нормальном виде... будет желание сделай видос про такой квиз.
просто пушка!💣