Разработай 6 проектов на ReactJS (для начинающих)

[@trionixchannel2435]

мировой мужик.

[@jetsker6388]

Я бы сказал - вселенский

[@СлужбаПідтримки-л4з]

Угу, у человека удивительные способности объяснять сложный материал простыми словами

[@Timur_Kachiev]

Спасибо автору за такой труд. У кого ошибка на проекте "users", просто обновите "react-content-loader". Будет версия "react-content-loader": "^6.2.0", вы должны обновить на версию "react-content-loader": "^6.2.1", через npm i react-content-loader

[@mushroom2267]

спасибо добрый человек

[@MegaCriss95]

спасибо!

[@tiKeroP]

Мое почтение и уважение! Спасибо тебе, Денис! Щас изучаю React, и очень помогает твои уроки и твое объяснение. Подскажи , когда следующий ролик, по 10 проектов? а то уже далеко за 300 лайков, а то мы ждем с нетерпением

[@iliukhaTV]

Спасибо большое! Читаю книгу по Реакту и закрепляю знания вашими уроками. Также кому не нравится синий отблеск при клике на кнопки указывайте следующее свойство в CSS -webkit-tap-highlight-color: transparent;

[@blackjack472]

Ультрамощный видос, для тех кто учит React нужно включить в список обязательного просмотра. Отличная практика, спасибо автору.

[@TheAlexChannelClub]

Спасибо за твою работу. Каждый раз с надеждой жду новое видео!

[@Evgeny..]

Денис, ты молодец, что помогаешь новичкам, нашел бы я твои уроки года 2.5 назад...

[@romanklym5772]

возможно у кого-то с первых минут будет недоразумение - как же запустить это дело в браузере. Terminal->new Terminal -> 1. npm install 2. npm start

[@СимбиотГатаки]

Либо npm run dev

[@danilabelokon4202]

@@СимбиотГатаки У меня не работает 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

[@KIREE-SENIOR]

​Это для vite, возможно, в проекте используется CRA​@@СимбиотГатаки

[@tehnoblog6430]

Просил 300 лайков ,уже почти 4 тысячи, ждем 10 проектов на ReactJS Ты лучший препод по ReactJS

[@viktoriamenting1604]

Самый ахрененный блог о фронтенде! И как ты объясняешь- просто 🔥🔥🔥Ты супер! Спасибо тебе огромное 🙏🏼🙏🏼

[@ДенисАгейчев]

Автору огромное спасибо, молодец. Для тренировки отличный материал, перед тем как начать смотреть, ознакомился с задачами, попробовал сам, а дальше уже смотришь правильное решение. Идеально для учебы!

[@mishagarkach]

Крутые уроки. После второй пиццы все реализуемо самостоятельно, но попадаются интересные моменты, например, асинхронность setState, которые полезно услышать. Вообще кайфово изучать на твоем канале реакт. Спасибо.

[@desyez6715]

Лучший, я безразмерно рад рад что нашел твой канал. Твой контент лучше чем 99% курсов в интернете.

[@insofess4062]

Чтобы не прописывать постоянно React.useState(), можно изначально из реакта импортировать данный хук import { useState } from 'react', причём в скобки можно добавлять и другие хуки через запятую и после этого запись будет чуть короче - к примеру: const [step,setStep ] = useState()

[@ArchakovBlog]

Минус такого подхода в том, что если тебе какой-то хук не потребуется больше, ты должен удалить импорты и из самого кода. А тут ты обращаешься к самой либе, без дополнительного импортироваания

[@apexnuts9785]

@@ArchakovBlog Всё не могу отвыкнуть от импорта. Хочу использовать React.useState, но рука сама пишет useState)))

[@vitalygaraev8093]

Эти ценные кусочки кода очень важны. В большом проекте начинаешь путаться, а тут прям по частям разобрано. Хорошо бы еще таких кусочков! Спасибо!

[@sergey9784]

Спасибо тебе огромное! Ты просто вывел меня из стопора Уважуха тебе и респект! Удачи тебе!!!

[@webminsk7884]

Дайка думаю зайду посмотрю чем балуешься))) давно тебя не видел. и по голосу понял что пацан то уже дядькой стал. Красавчик. Спасибо за труды

[@GBooksfree]

Как же круто ты рассказываешь и объясняешь! Браво дядь!

[@ОльгаКухаренко-ы3с]

Спасибо большое за ваш труд) супер понятно, даже для не очень опытных в данном вопросе, без воды, но показаны все мелкие нюансы, супер)

[@shuverida]

Аллах1о аьтто бойла хьан ваша. Ч1ог1а дика кхетош йу хьан видеош.

[@onehourbeforedeparture8739]

Ты лучший в связке реакт редакс на Ютубе, спасибо за то что делаешь!!!!!!

[@АбдуллаһМадхали]

Рахмет саған Денис!!! Сен керемет ұстазсың!!!

[@Wo0zZ1]

Прекрасный материал! Это божественно!

[@ilgizilgiz]

Уроки довольно таки неплохие и понятные. Спасибо огромное. После просмотра с 3 раза в голове всё встало на свои места

[@maksimdd2033]

Очень душевные и понятные видео , если бы не ты тогда в рекомендациях неверно так бы и не начал учить react ,а так благодаря твоим видео понял основу и теперь сам много чего изучаю , спасибо тебе. Жду видик🤗

[@ant3413]

Перед началом работы в терминале пишем "npm i"

[@progi99]

thank you

[@tgr6388]

Очень крутой ролик! Все очень подробно и доступно. Но особенно сильно мне понравилость ,то что ты сделал изоляцию навыка react. То есть, не пришлось тратить время на верстку, а сразу концентрируешься только на реакте.

[@ВолодимирЛитвиненко-с5й]

Мне тоже нравится как ты объясняешь! Детали имеют значения!

[@АндрейСоловьев-ц6о]

1:35:41 1:38:16 1:41:00 фильтрация через поиск 1:44:45 фильтариция категорий 1:52:10

[@Snegurjan]

Карл, да ты просто крутой. Такие вещи выкладывать и бесплатно. Спасибо тебе от чистого сердца!

[@abzalrashithodjaev6333]

Спасибоо!!!!!! всё крутяк !!!!! особенно понравилось что конент весь на "ТЫ" как будто лично для меня сделал видео!! )

[@mk3mk3mk]

Вот по таким урокам можно изучать React! Ура! Спасибо!!!!!

[@Mrflomaster2011]

Автор данного видео, да я обращаюсь именно к тебе 👉🏻 ты настоящий мужчина 💪🏻 делай то что должен делать 😁👍🏻 всегда смотрю твои видео и пробую на практике , спасибо тебе.

[@eminaliyev1382]

Хочу поблагодарить тебя , спасибо тебе большое дружище , ты очень ясно и понятно все объясняешь, когда начал изучать реакт , наткнулся на твой свежий курс реакт пицца v2 , прям ты сделал все четко и ясно , Спасибо что помогаешь новичкам , мне кажется уже нужно делать видео урок или проект какой нибудь посложнее чтобы был , react advance ) Потому что думаю достаточно видео уроков на твоём канале для новичков Удачи тебе дружище , ждём новых видосикоа

[@ArchakovBlog]

Скоро будут. Пока хочу для джунов запилить контента

[@AmericanDragon134]

@@ArchakovBlog уважуха брат

[@JokerVirus13]

​@@ArchakovBlog ​ Мое почтение :)

[@lottyskound9395]

@@ArchakovBlog спасибо за ваши труды.

[@stasend]

@@ArchakovBlog Денис, какую альтернативу mockapi посоветуешь? Сейчас очень скудный бесплатный функционал, который предоставляет сервис

[@СветланаЛьвова-ч2в]

Очень классный формат!!! Было бы круто посмотреть ещё проекты в связке с Redux.

[@grigorvardanyan7780]

Ждем продолжения, Действительно, все ясно и доходчиво

[@ВпоискахСвоегоМеста]

Перцентаге - самое лучшее объяснение)))

[@serjmarkelov9915]

Видео собрало 4100 лайков (на момент написания комментария) - ждем видео по 10 проектам больше, чем Новый год 😊

[@marko8815]

как вы запускаете сервер ? я пишу npm run dev и ничего

[@nikn6244]

@@marko8815 как в скриптах прописано так и открывать

[@Mike37373]

@@marko8815 запустил ?

[@Native.u]

спс что не показал как запускать реакт-апп, просто лучший

[@user-tv9st9fg3q]

поняли как?

[@armanscription1428]

Спасибо большое, прекрасно показал и обьяснил как работать с React, много чего не понятно было, но если вернутся к этому ролику через месяц после обучения, всё будет намного проще(Так и собираюсь сделать)

[@Frezeee3D]

Спасибо большое за видео, кто бы что не говорил, но всё таки практика это основной пункт в изучении чего либо

[@ТатьянаВолжанкина-о9м]

Ребята, добрый день. При клонировании и дальнейшем запуске npm start в VC будет выдавать ошибку. Что нужно сделать, когда Git Bashe here сделаете клонирование, вставив ссылку, не закрываем набираем следующей строчкой npm init -y, ниже в строчке пишем npm install, потом npm start - всё заработает. Всем удачи) Арчакову, спасибо за то, что он делает)))

[@lidijajezova2025]

Спасибо, Дэннис! Тебя приятно слушать, приятный голос

[@sanfrancisco8426]

Дуже круто пояснюєш, дякую!

[@petarthecodehunter3333]

Большое спасибо за уроки по вебу! Как по заказу - то, что надо)

[@MegaCriss95]

Для ребят которые не понимают как у автора после сохранения кода все выравнивается красиво рекомендую установить в Visual Studio расширение Prettier. Очень помогает когда не знаешь как правильно и соответсвенно читабельно писать код.

[@AmericanDragon134]

Ого почти 500 лайков за час. Так держать. Ждём MERN (+TAILWIND)

[@pigsel2509]

Это прекрасно! Очень хочется увидеть полноценное приложение, не только фронт, этого очень мало на ютубе

[@sviat4679]

шикарное видео! все понятно, доходчиво и ничего лишнего.

[@itsokay4542]

Очень вовремя, благодарю, лайк

[@ОльгаОвсиенко-в8щ]

Спасибо огромное! Очень доступно объясняете!

[@nargizgasanova6222]

Очень понятно и спокойно объясняешь. Спасибо большое

[@KompUnity-w6n]

реакт это муть такая, что его без готового кода выучить нельзя. Спасибо ! Теперь хоть что то начало проясняться в нем

[@Валентин-ч3з]

Это просто лучшее обучающее видео про React! Денис, огромнейшое спасибо за данный материал!!! У вас талант преподносить сложные на первый взгляд материал так, чтоб он будет понятен даже самым начинающим. Как жаль, что я его не встретил месяц назад. P.S. Для тех тоже учиться, на проекте "Конвертер валют" можете загуглить "курс валют API" и воспользоваться любым удобным для Вас ресурсом.

[@itkazakhstan_03]

Я здела 5 проектов из 6 и много нового узнал спасибо автору за труд

[@thecobaltriver]

Спасибо за видео и труды . Людей, которым эта информация как воздух нужна много, а видео таких гораздо меньше в интернете :)

[@epic3386]

300 лайков превратились в 2300 лайков ) ждем 10+ проектов ) успехов!

[@PashaRomanovich]

Огромное спасибо за такие видео! 300 лайков - небольшая планка, нужно бвыло еще 0 добавить, 3К лайков за такое!!!)

[@BogdanRedkin]

Дякую🙏 Чекаю тепер 10 проектів і по можливості якусь гру😌

[@unknown.6914]

Отличный контент. Очень хочется увидеть реализацию с более сложным функционалом, где были бы затронуты не такие очевидные хуки, как useMemo, useCallback, useReducer etc...

[@matveyd7272]

на 20:00, когда начали Modal выносить в отдельный компонент - столкнулся с проблемой, что компонент не отображается. Пробовал создавать другие компоненты, но и они не хотели отображаться. Оказывается по невнимательности поставил в const Modal = ({ open, setOpen }) => {...} После стрелки должны быть не фигурные, а круглые скобки. Что удивительно, я уже попадался на эту ошибку в сникерсах пару недель назад и там тоже долго не мог понять в чем моя проблема. Видимо просто не привычно, что после стрелки идут не фигурные скобки, а обычные.

[@bannano3o]

Точно такую же проблему сейчас после прочтения коммента исправил )

[@danafilatova5316]

Здравствуй! Очень рада, что встретила тебя в ютубе. Большое спасибо за работу. С удовольствием покодила и жду продолжения =)

[@demid088web]

Спасибо большое за уроки! Вот только в коллекции фото нет реализации нажатия на саму коллекцию!

[@haibova_irisha]

ура !!! спасибо за работу. еще не смотрела видео , но уверена что все доступно и понятно

[@shokhrookhr3850]

Огромное спасибо) Ждём продолжения🙂

[@min8132]

Еще не досмотрел, но уже благодарен тебе за такой хороший урок. Очень понятно объясняешь.

[@huzimuzi4885]

Спасибо за видео, крутые мини-проекты. Можно следующий выпуск что-нибудь по сложнее?

[@JavaScriptcher]

Спасибо автору за подробное объяснение материала!! Теперь на выходных есть чем заняться !!!

[@shizo380]

Огромное спасибо за твой труд!

[@ilyaVnukchinskiy]

большое спасибо за продуманные уроки, очень полезный и нужный контент, спасибо что ты есть )

[@mourisberingen2272]

Жду когда "АрчаковБлог" запустит свой инкубатор по примеру it-incubator. Кажется, что классические курсы, где тебе в спешке закидывают информацию на "отъ**сь", уже не актуальны. Во всяком случае единицы после таких курсов трудоустраиваются. Надеюсь однажды прочитать о том, что Арчаков перешел к такому формату обучения.

[@bjol_Dg]

Легко и понятно, спасибо 👍👍кстати, проверку на пробелы ещё можно добавить в списке пользователей) и фильтр неправильно работает - при вводе первой буквы не фильтрует

[@ОлегПетров-п4у]

Спасибо за твою работу! (6 разных ReactJS проектов уровня Junior)

[@Алексей-и5д3в]

Как всегда супер!!! Спасибо, что ты есть!!!

[@sichouli1914]

О новый урок! Пока не смотрела, но лайк обязательно

[@ruvick8956]

Отличная подача! Отличный материал!

[@cyber-jackal]

Это лучший формат, продолжай в том же духе! Спасибо за контент)

[@АнастасияМорозова-я2у]

Спасибо большое!) Вы очень круто объясняете!))))

[@black__angels]

не знаю напишу может кому то надо. там в начале не работает npm start. нужно удалить package-lock.json, потом ввести в терминал npm install , и все , будет работать

[@KwanTonn]

Ты мой спаситель, я уже офигел и начал искать, но думаю, не может же быть, что в коментах никто не спросил. Спасибо тебе ) +5 очков кармы засчитано😁

[@pahaivanov1611]

Оставлю комментарий, для мотивация автора! Спасибо за труды)

[@banan3208]

1:38:00 в части src={images[0]} в теге img. ругается и не рендерит через map. "Cannot read properties of undefined (reading '0')". и так на все images[]

[@СергейСирота-щ6ч]

Спасибо Мэн 💪💪

[@kamilabalabekova5700]

Спасибо вам большое за такой контент. Вы очень четко и простыми словами преподносите всю инфу. Ждем новых видосиков и интересных задач👍👍👍

[@Bugagych]

Сразу скажу, что мне нравятся твои видео и большое спасибо за то, что ты делаешь. Но когда делаешь счетчик, то разве не нужно отталкиваться от предыдущего состояния, а не просто его менять? setCount(prevState => prevState+1)

[@ogg_gang]

да нужно так как ты написал, чтоб не мутировать состояние

[@ТимурСпектров]

Спасибо за подробные уроки, вопрос такой, у меня у одного в приложении по конвертации при увеличении чисел на стрелки после конвертации первое увеличение происходит на дробное число? для воспроизведения ошибки 1) левую часть переведите на USD или другую валюту чтобы в правом инпуте число стало с дробной частью. 2) после удаления дробной части измените число стрелками клавиатуры

[@vasilich4582]

Круто! Спасибо большое за контент побольше для новичков реакта.

[@РоманЕфимов-к1о]

подскажите пожалуйста как запустить проект в браузере, через Live Server открывается сайт с название listing directory /

[@DENDYTWOO]

Респект Вам!! Для новичков в самый раз.

[@Grigoriy_Russian]

Спасибо за твою помощь, приятная и четкая подача.

[@alexdev75]

Как всегда великолепный урок. Отличная подача материала. Спасибо за Ваш труд и за науку.

[@pandalove6795]

Супер полезное видео, особенно для тех, кому лень делать дизайн, а хочется и дизайн и функционал :) И отлично, что приложение не до идеала доведено, а просто как хороший пример. Т.к. хочется самому доделать проект. Например в users у меня при нажатии на +, + поворачивается на 45 градусов и получается крестик :) Так же хочу сделать пагинацию, т.к. в api есть возможность получать постранично новых пользователей. В конвертере валют можно добавить появление списка всех валют, в появившемся списке можно сделать поиск как в users. И выбранную валюту добавлять первой в список, как история выбора. Можно так же добавить флаги к валютам, чтобы было понятней. А потом можно сделать 1 в 1 приложение, но переводчик. Меня уже распирает от идей... У меня код достаточно сильно отличается (т.к. я сначала пишу сам, а потом смотрю как у автора), я решил сделать так, чтобы пока грузятся данные с api, useEffect для изменения валют ничего не делает, и вводить в блоки ничего нельзя. Получилось как мне показалось, по красивей чем с useRef. Функцию отдельную написал convert, которая логично конвертирует :) код намного меньше стал. В общем и целом, ВИДЕО ПРОСТО ТОП.

[@Int_true]

Просто невероятный человек, спасибо.

[@MrKu39]

Отличный контент , хорошая подача ! Продолжай 💪 Очень жду следующую часть видео ! С наступающим новым годом

[@Елена-б6в3ж]

Спасибо за понятное объяснение и доступные проекты) В проекте со списком приглашенных не очень понравилось, как организован state. В документации React просили убирать дублирование (invited состояние и состояние просто юзеров - дублирование, на мой взгляд. Пока хз, как исправить, ведь в json файле вроде как нет поля invited), избегать противоречий (isLoading состояние и success по логике не могут быть true одновременно, а по коду могут, лучше сделать status состояние). Сделаю ваш вариант, потом переделаю под себя, так даже интереснее)

[@PawelMiatlitski]

честно говоря, там бэд практис на бэдпрактисе. Вместо того чтобы вынести фетч в отдельный модуль, а ещё лучше в отдельный кастомный хук, всё портянкой написано внутри Апп.джс. Функция клика по иконке плюс/минус спускается через Users в User (Prop Drilling). Всё что связано с поиском точно можно убирать из App на уровень ниже в Users/index.js. Строку src для иконки точно можно вынести в отдельную переменную... obj.first_name + obj.last_name надо заменить на obj.first_name + " " + obj.last_name, чтобы искалось вместе с пробелом между именем и фамилией... Не компонент, а сплошная боль (((

[@lesson-web]

АРЧАКОВ ЛУЧШИЙ

[@nazarmykhailenko1240]

Можно пожалуйста 6 проектов на rtk. Я думаю что посложнее react. Спасибо огромное за контент! Лучший канал для новичков

[@never.m1nd]

Очень много полезностей) 🤘

[@НиколайХвостов-н9г]

все круто спс, есть вопрос по квизу я давно пробовал делать свой квиз и хотел что б было рендомное отображение вопросов не по порядку и что б в ответы к вопросам тоже каждый раз перемешивались, но так и не смог этого добиться в нормальном виде... будет желание сделай видос про такой квиз.

[@Лаурахит]

Спасибо за уроки! Отлично получилось.

[@chingizarziev9538]

Ребят всем привет, у меня у одного в последнем проекте, выдает ошибку Uncaught TypeError: Cannot read properties of undefined (reading '0') Collection.JSX 6 строка.