#27: 🍕 React Pizza v2 - Оптимизируем сборку JS-файла. Code Splitting, Tree Shaking, Reexport
HTML-код
- Опубликовано: 15 июн 2022
- React Pizza V2 - Это обновлённый курс на 2022 год, одного из самых популярных курсов 🔥 по ReactJS для начинающих.
Более подробней тут: www.notion.so/React-Pizza-v2-...
Исходники доступны в Boosty или в моём Telegram-канале: t.me/archakov_im
❤️ Поддержка:
- Boosty (исходники, макеты): boosty.to/archakov_blog
- Донаты: www.donationalerts.com/r/arch...
Старый курс React Pizza - • #1: React Pizza - разр...
👀 Демо: react-pizza-v2.vercel.app/
📝 Полный стек:
- ReactJS 18
- TypeScript
- Redux Toolkit (хранение данных / пицц)
- React Router v6 (навигация)
- Axios + Fetch (отправка запроса на бэкенд)
- React Hooks (хуки)
- Prettier (форматирование кода)
- CSS-Modules / SCSS (стилизация)
- React Content Loader (скелетон)
- React Pagination (пагинация)
- Lodash.Debounce
- Code Splitting, React Loadable, useWhyDidYouUpdate
Ссылка на исходник: github.com/Archakov06/react-p...
Ссылка на вёрстку: github.com/Archakov06/react-p...
Ссылка на дизайн: www.figma.com/file/wWUnQwvRDW...
Таймкоды: еще не готовы
📢 Платный курс по ReactJS с наставником: mentor.archakov.im/landing.html
🔗 Следите за обновлениями и информацией в:
- Telegram-канале: t.me/archakov_im
- VK: archakov_im
- Личном блоге: archakov.im
- GitHub: github.com/Archakov06
- Моё резюме: career.habr.com/archakovim
Это был невероятно полезных курс для новичков, где даётся намного больше инфы чем во многих платных курсах.
Не только для новичков)
Coders Gyan RealPizza набери, еще 2 года назад была эта пицца на англ ютубе, по нему делал
@@novostisela ты его смотрел? Там нет React js 😅 . Там fullstack курс а на фронте ejs.
Присоединяюсь к армии устоявших и дошедших до конца!
Автор, большое спасибо за курс!
И так, я уже работаю как 5 месяц. Очень большая заслуга того, что я устроился - это этот курс. Снова хочу выразить слова благодарности автору за этот чудо курс. Очень много из всего того, что показано здесь - реально используется в коммерческих проектах. Так что, друзья, главное не сдавайтесь! Дорогу осилит идущий!
@@vadimkiryanov4933 что еще посоветуешь кроме этого курса? и как устроился можешь рассказать?сколько времени ушло на обучение?
@@user-bq6me2xn4x Если по верстке - то отлично подходит "Фрилансер по жизни" и "Brainscloud", по реакту очень хорошо также объясняет некоторые темы Михаил Непомнящий, кратко, лаконично, доступно и по делу, если нравится, чтобы информация впрыскивалась с двух ног прямо в мозг с довольно кратким объяснением, то еще Ulbi TV можно смотреть, но прямо прямо для новичков я его не советовал бы. Времени на обучение ушло полтора года, если быть более точным, то 1.4 года. Обучался я не торопясь и иногда с перерывами, так как понимал, что игра эта в долгую. Устроился, я как не банально - довольно просто, у меня лежала на HH резюме и мне позвонили, пригласили, дали домой тестовое задание, сделал с горе пополам и взяли. Но эта история довольно длинная, потому, я планирую записывать видео на эту тему, думаю, подобные рассказы будут кому-то полезны.
@@vadimkiryanov4933 чел, аналогичная ситуация и у меня 😁
@@vadimkiryanov4933Красавичк! Видя такие комментарии еще сильнее мотивируешься.
"Какая разница, хочешь ты или нет, я так хочу!" © Крышесносный курс, автор выложился по полной, такой отдачи я не ожидал )) Всех благ тебе и спасибо!🤝
Итог данного курса и по автору. Курс максимально понятен для новичков (если и есть что-то не понятное, идешь на этот же канал и ищешь информацию о моменте, который ты не понял. Снова не понял? Смотришь еще раз). Автор молодец, красавчик, очень мало видосов подобного рода в бесплатном доступе, та и в платном тоже не особо много. Дает неплохую мотивацию (говорит, что, если не понял, то это норма. Поверьте, такие слова дают вашему сознанию и подсознанию дополнительную жизнь на изучение, и лишь из-за этих слов не забросите обучение). Однозначно заслужил свои 28 лайков (на каждый ролик в этом курсе) и подписочку лично от меня. Продолжай в том же духе, я думаю, многие ждут чего-то более продвинутого)
Передаю привет всем, кто НЕзадолбался! Я - с вами!
День 16-й, 10:03, старт.
UPD: день 17-йю Вчерашний день вылетел в трубу, отвлекся. Сегодня урок начал и окончил.
ИТОГО! Дэну огромная благодарность за титанический труд! Всем, кто ищет знаний - терпения и сил!
уже закреил знания?, собрал что нибудь на основе полученных знаний?
Благодарю автора за такой крутой курс.
Проходил после курса "Путь самурая 1.0" так что мне было легко.
Из-за того что в этом курсе свежая инфа + понятным языком, я получил очень много пользы.
Еще раз спасибо огромное автору)
Крутой курс! Спасибо! Буду скучать по фразе "Все работает идеально!"
Это было замечательно!
Спасибо за все, что ты делаешь!
Ну что, вот и я закончил данный курс. 10 из 10 как ни крути. Огонь, бомба, супер.... Многое узнал, что то понял не до конца, что то не понял вообще, но это нормально. 2 месяца учу React, и я вижу прогресс, благодаря твоим курсам. Спасибо тебе за бесплатный контент такого качества. Следующий проект Полный Full Stack курс ReactJS + NodeJS с твоего же канала) Я заметил что я раньше прыгал по каналам, искал инфу, а все необходимое нашел здесь) Крутой канал, крутая подача. Просьба не останавливайся, продолжай радовать нас и учить! Еще раз ОГРОМНОЕ СПАСИБО!
Спасибо за курс.
Многое улеглось.
Очень жду продолжения на Next!
Этот курс поднял меня на новый уровень. Спасибо тебе большое за такой большой труд!!!
Автору спасибо за курс.
После выгорания и пару месяцев отдыха - курс смотрел с удовольствием ))
Ну что ж, вот и я завершил этот курс) После 15 урока было немного сложно, но как видите прорвался до конца) Спасибо тебе Арчаков за эти уроки, очень много полезного узнал для себя, хорошие практики, особенно интересны были темы связанные с Redux'ом и TS'ом . Теперь эти два стека я планирую хорошо изучать и после этого буду сам практиковаться создавая свои пет-проекты. В курсе конечно были небольшие минусы, такой как например 15 урок, но зато ты сам учишься разбираться с ошибками) Особенно понравилось что ты рассказываешь как друг, с юморком и как можно проще своими словами, а не монотонно что-то говоришь из Википедии. Курс в 2024 году еще полностью актуален, разве что в качестве сборщика я использовал Vite, т.к. он быстрее Webpack'а. В общем спасибо за курс, и удачи тебе и каналу!
Денис, от всей души благодарю! Спасибо тебе за то что ты делаешь для нас!!
Прошёл с огромным удовольствием. Низкий поклон за этот курс и за остальной контент на канале.
Крутой курс с твоей фирменной подачей, спасибо, Дэн! Многое в голове удалось уложить, что до этого не укладывалось.
Брависсимо мастер!! Отличный курс, местами сложный, но это радует.
Замечательный курс, узнал кучу нового, всё становиться из чёрного ящика в открытый ящик где всё легко и понятно). Спасибо, за курс!
Низкий поклон за курс!Автор молодец, это лучшее ,что есть на русскоязычном ютубе по реакту для новичков!
Спасибо за курс!🔥🔥🔥
Спасибо тебе большое за этот курс! Ты помогаешь осуществить мою мечту!✌
Огромный респект автору за данный курс!Все супер понятно и разложено по полочкам.Получил нереальный буст за короткое время!
Сложно поверить что такой курс есть в открытом доступе, бесплатно. Пройдя этот курс можно поймать мысль что ты уже способен на многое и с уверенностью искать работу. Спасибо за такой труд бро! Здорово что в мире есть такие люди.
Огромное спасибо за курс! Он был очень полезен для меня. За время курса я изучил много новых и интересных вещей, спасибо тебе, ещё раз, огромное!
классный курс, было понятно и интересно) буду ждать новых)
Курс просто супер, ждем новых курсов по реакт !
Самый лучший кур по реакту , благодаря этому курсу я многому научился , огромное спасибо Автору !!!
Огромное спасибо за этот курс. Сделал уже много пет-проектов по подобным курсам. И если выбирать, то наверно могу сказать, что Арчаков Блог это лучшее, что вообще видел. Да, возможно ролики длиннее, чем у других и иногда поэтому тяжело. Но зато максимально понятно, фундаментально. Если пройти все, начиная от реакт-сникерс и заканчивая t-journal, то вы однозначно будете офигенным джуном.
Спасибо - просто нет слов, думаю это лучший плейлист для изучения реакта
Спасибо за знания! Очень полезный курс и понятный. Привет с 2023 🤓
Велике дякую за цей курс. Дійсно безцінна інформація для джунів. Як раз вивчаю приблизно такий стек як в курсі і ця практика прям дуже допомогає. Дякую за цю роботу і прикладений труд.
Спасибо за курс. Ты проделал большую работу. Желаю тебе успехов в будущем!
Спасибо автору за курс. Не смотря на то, что я окончил платный 4-х месячный курс по JS, React, Redux, Typescript, здесь я узнал намного больше важных моментов и инструментов - cразу чувствуется, что автор работал на реальных проектах. Доволен тем, что структура проекта точно такая же, про которую нам на курсах говорили.:-) Видимо, действительно используется на рабочих проектах. Часто ставил на паузу и выполнял сам, потом смотрел как делает автор. Отдельное спасибо за TypeScript! С ним вечная проблема для начинающих. Местами было нудновато, но ведь было предупреждение: для новичков. Но автор разжёвывает так, что только тупой не поймёт. В общем очень полезный курс! Автор на 100% выложился!
Платный это за 10$ с udemy?
@@mex5341 ахахах 🤣😂
Спасибо за курс! Очень качественный и интересный
замечательный курс, спасибо вам огромное
Тот самый момент, когда смотрю видео после собеседования, где были вопросы про кодсплитинг и зачем нужны хэши в бандлах... Думал быстро просмотрю нужные моменты, но залип и просмотрел урок от начала до конца. Супер полезно и понятно! Спасибо!
Спасибо огромное за курс)
Спасибо за курс!
Спасибо за курс, просто ТОП !
Это лучший бесплатный курс, который я когда либо видел. За деньги такое и не найдешь, а тут бесплатно. Спасибо большое тебе, арчаков. Очень очень много полезного, рассказал даже то, что нету в платных курсах. Еще раз спасибо большое тебе!
Спасибо большущее, Денис! Прошел курс до конца, много чего делал сам, не повторял 1 в 1 , поэтому и ошибки были эксклюзивные))) Сегодня завершил все и хочу выразить благодарность за опыт и крутые знания вложенные с душой в этот проект! Желаю тебе здоровья и успехов!
Спасибо большое автору. Ты большой молодец! Объясняешь лучше, чем многие другие. Я уже, работая в одной в компании джуном, посмотрел твой курс и некоторые моменты из него вытащил. Есть незначительные замечания, но в целом, все отлично! Ждем новых курсов от автора.
Спасибо! Курс просто космос!🚀
Спасибо вам. Отдушин душевна в душу.
Спасибо большое. Действительно очень полезно и познавательно
Спасибо за все что делаешь, удачи тебе!
спасибо за курс, всё было классно!!!
Ураа! Я сделал это! Автору благодарность, подписался на boosty=)
Очень круто видео, спасибо огромное =)
Дэн, БОЛЬШОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО за такой крутой курс!
Столько вкусного контента было, что обожрался прям))
Чтоб закрепить хорошенько полученную информацию, думаю заново пересмотреть весь курс через время! Всем советую так же пересмотреть
eщё раз огромная благодарность за курс, он очень сильно улучшил мои навыки и знания, спасибо!!!!
Супер полезный курс, благодаря ему теперь работаю junior разработчиком
Спасибо За твой курс, очень круто!😎
спасибо огромное за курс, получил кучу эмоций и скила)
Несколько раз пробовал осилить этот курс и вот, кажется с третьей попытки, мне это удалось! :)
Автор, большое спасибо за такое подробное объяснение, ты действительно проделал большую работу.
Спасибо за курс, развития тебе в это деле
Денис, спасибо тебе огромное за курс!
Я его все-таки смог победить и дополз до конца :)!
Спасибо, что ты есть! Счастья, здоровья тебе !:)
Наконец то дожил до этого урока, Денис ты молодец, спасибо, ну очень много полезного вложил в этот курс
Спасибо за курс 🔥🔥🔥 много полезного и понятного 👍
Тебе Арчаков лайк поставил)
25.02.2024 - 31.03.2024 - в моем сердце
отличный курс, спасибо.
спасибо автору за курс, жду следующего
Наконец-то завершил. Спасибо автору. Большой салам из Кыргызстана. Ждем новых курсов и NextPizza)
Спасибо большое за курс
Спасибо за курс
Спасибо за курс и удачи тебе
Братан, ты лучший, спасибо большое за курс. Было очень полезно!
Code Splitting, Tree Shaking, Reexport /React / TS/ спасибо за курс
Спасибо автору за курс
Спасибо! Полезно.
Ты самый крутой учитель, большое спасибо за всё, что ты сделал.
Спасибо за знания!
Большое спасибо, сейчас начну свой маленький проект, который выложу на хостинг
Очень полезное видео, хоть и долгое ))
Закончил курс, спасибо огромнейшее!)
Очень полезная информация и понятное объяснение!
Проходил после реакт сникерс, делал много задач наперёд и потом сравнивал, поэтому знания уложились отлично (переписал 2 проекта под редакс тулкит и тс, что дало большой импрув)
Сейчас осталось ещё раз закрепить все знания на своём первом проекте, изучить обычный редакс, юнит тесты, потренить styled-components, написать ещё пару проектов и вперёд собеситься на фронта! Всем удачи!
привет, нашел работу?
автор БОЛЬШОЕ СПАСИБО!!! И ОГРОМНЫЙ RESPECT!!!
Спасибо. Ты лучший!
Редко пишу комментарии, но чрезмерно благодарен Дэннису за этот курс
Хаха, сук, как же я ору. Под многими видео есть такой комментарий "Редко пишу комментарии, но..."
Спасибо!
I DID IT! Спасибо за урок )
Закончил сегодня курс) 3 недели, и почти 90 часов ушло. Местами было с первого раза не очень понятно, местами, где автор гооврил, что нужно приготовиться к сложностям - наоборот, очень легко)) Пробегусь ещё раз на ускоренном режиме и законспектирую основные этапы разработки проекта. Но уже даже сейчас появляется уверенность в том, что могу разрабатывать на реакте, по пути изучая всё новое и необходимое) Спасибо огромное за курс и такую лёгкую, позитивную подачу без заумностей и загрузов! Кайф!
привет, нашел работу?
@@nadirtravel8854 ещё особо не искал) пока рано)
@@nadirtravel8854А ты нашёл себе работу?
Остались самые стойкие в конце. Всего лишь 567 лайков, а начиналось с 1900 лайков...
Спасибо за крутой контент! Очень круто)
Отличный курс. Я думаю, можно было бы добавить ещё свои кастомные хуки, это очень важная и полезная тема. Какой-нибудь useInput можно было бы сделать. Или useOnClickOutside.
Спасибо, Дэн! Сегодня я закончил курс. У меня ушло на него все лето и половина сентября. Проходил по вечерам после основной работы. Все разбирал досконально, конспектировал. Учусь таким макаром уже 9 месяцев. И сегодня я наконец почувствовал, что действительно могу сам разрабатывать на React, а не просто подсматривать и адаптировать чужие куски кода. Спасибо, тебе за это учитель, здоровья, процветания и всех благ.
Есть еще какие-то у тебя материалы , которые тебе понравились ?
@@user-vj3hk5es7bА ты нашёл дополнительные материалы?
заслужил большего
дякую за цей курс!
Огромное спасибо за курс! Реально помог привыкнуть глазу к реакту, все очень доступно разжевано , и в общем круто. Конечно на 24 уроке я выпал из мироздания, но это было даже полезный и необычный опыт. А что с курсом по next pizza ?
спасибо!
Привет Дэн, отличный курс получился! Начал 10 октября , дошел до этого урока в 22 октября) не знаю это, медленно или как, но в результате код проекта немного отличается от твоего, скажем логика чуть другая)
С TS только понятно, что нужно заморачиваться с типизацией. Дальше думаю, практикой будет ясней и ценность TS.
Сейчас с проектом у меня остались мелочи, через пару дней закончу. Ну и далее планирую сделать админ панель, для добавлений пицц в БД, а не добавить данные в json файл) пока планирую сделать это всё дело через firebase. посмотрю как дальше сложится)
спасибо за курс, многое стало ясно в плане работы с React.
ну и скорость. У меня минимум 2 месяца и со второго раза. + потеряно пару модулей по пути )))
спасибо папаша)
Я прошел этот курс ✅
Вы украли мое сердечко (o˘◡˘o)
Курс прекрасный, спасибо))
спасибо за контент!
Подскажите пожалуйста какой лучше курс проходить следующим после этого если я не знаю бэкенд?
Я прошёл курс, где-то смотрел потом сам делал, где-то повторял, где-то сделал по-другому немного, спасибо тебе! Пошёл учить дальше TS, потом Next, потом Nest и редаксу. Пройду по курсику тоже, потом на работу попробую устроиться.
как там успехи?
@@Sashaa да учу потихой, тестовое в сбер пробил, делаю его
@@mixfix86 а какой стэк у тебя и сколько учишся уже?
Руки горят уже начать кодить, чтобы побыстрее освоить всё на практике и стать настоящим программистом с большой дороги
Дэннис, хочу сказать спасибо за такой полезный бесплатный контент. Только что закончил React Sneakers, хотел начать делать этот проект. Уже год слежу за твоим каналом, он классный.
Но буквально позавчера случайно посмотрел один из твоих разговорных стримов. В котором на вопрос, можно ли начать учиться фронтенду после 30, ты однозначно и категорично ответил, что НЕТ. И лучше пойти сварщиком, иначе хорошим разработчиком стать уже не получится. Мне 31, я уже год занимаюсь фронтендом, потихоньку, не торопясь. Мне нравится всё больше и больше. Много знакомых начали в 30 и сейчас делают крутые реальные проекты в крупных компаниях, не на галерах даже.
Хочу сказать, что это по меньшей мере странное решение - высказывать так категорично своё мнение на этот счёт. Уверен, что не в одном мне возникло чувство обиды. Потому что это мнение твоего ментора (таким ты являлся для меня раньше). А может быть, я, как и многие другие, отписавшиеся в комментах и чате того стрима, не услышали сарказм? Вряд ли, я долго анализировал...
В любом случае, спасибо за канал. Но заниматься дальше по твоим курсам не могу по убеждениям - сложно учиться у того, кто в тебя не верит. Очень разочарован, не хочу держать в себе. А контент и правда классный. Жаль, что мы стары для него.
Удачи!
Если кто согласен со мной в этом вопросе - лайк.
Кстати, было бы честно, если бы ты своё мнение написал на странице своего платного менторинга. Что-то вроде "Этот курс для тех, кто не старше 25"...
Мне 57, от курса просто получил удовольствие. Знаю, что никогда не устроюсь на работу по frontend, но получаю кайф от решения каких-то задач. Для меня это хобби. 30 лет в IT.
От возраста зависит многое, если у человека в жизни из развития была лишь школа, колледж и институт, то стать программистом позже такого возраста действительно сложно, но не невыполнимо, все зависит от человека, от его интеллектуальных способностей и желания
P. S. мозг не привык развиваться в чем-то сложном, из-за этого могут возникнуть не понимания в некоторых вопросах (опять же не у всех)
Обижаться - это не путь победителя. Если вы давно, смотрите автора, то поймёте, что он довольно часто категоричен.( не стоит воспринимать все на свой счёт ) Мне например 32 и я буду устраиваться в след месяце) Все индивидуально, зависит от того, как у вас работает мозг чтобы усваивать новое и как усердно будете практиковаться. Фронтенд- это не сложно, это много) Не затягивайте с обучением, ходите по собеседованиям, вы ничего от этого не теряете.
я в 30 лет устроился фронтедером в международную компанию. все и всегда зависит от тебя и твоего стремления и желания
Спасибушки, давай еще (:
Подача материала на высоте, вот прям заходит как надо. Не нужно смотреть и впитывать (:
Будет ли обновляться твой курс в менторстве?(хотелось бы купить, но что-то эквивалентно этому курсу)
Бро спасибо тебе за столь полезный и пожалуй лучший курс в рунете! Щас активно ищу работу и обещаю, что как только найду, сразу задоначу тебе монету за твой труд!
привет, нашел работу?
Привет, ты работу сразу после этого курса начал искать или что-то доучивал?
Круто Дэн! я прозрел с тобой!
Спасибо за курс, подскажите, когда будет следующий ?)
Всем советую, прокачка на 100%