Из-за периодической блокировки нашего сайта РКН сервисами, просим воспользоваться резервным адресом:
Загрузить через ClipSave.ruУ нас вы можете посмотреть бесплатно React с полного 0 до реального проекта. Практика для начинающих 2024 | React, vite, deploy или скачать в максимальном доступном качестве, которое было загружено на ютуб. Для скачивания выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса savevideohd.ru
✏️ Изучаем на практике React с полного 0. По итогу будет приложение, которое умеет сканировать и генерировать QR код. А также все это сохраняется в localStorage. Оттуда мы будет доставать ранее сгенерированные коды. 🔥 Сервис для получения реального опыта PREAX - https://preax.ru/?i=1bd448e9 🔥 Поддержать автора: https://www.donationalerts.com/r/kake... 📚 Ссылки: Vite deploy: https://vitejs.dev/guide/static-deploy Исходный код: https://github.com/R1ON/qr-code 💬 Чат в телеграмме (помощь новичкам): https://t.me/kakieToYrokiChat 🎦 Другие видео: 🟣 React с полного 0 до реального проекта: • React с полного 0 до реального проект... 🔵 Chrome Dev Tools полный курс: • Chrome Dev Tools полный курс [2024] ... 🟢 Полный Roadmap по всему Frontend: • Как долго учить HTML, CSS, JavaScript... 🟡 Как стать MIDDLE FRONTEND?: • Как стать MIDDLE FRONTEND? [Roadmap 2... 🟠 TypeScript базовый курс: • TypeScript базовый курс (Практика Rea... 🎦 Плейлисты: 🟣 HTML: • Уроки по HTML для НАЧИНАЮЩИХ 🔵 CSS: • Уроки по CSS для НАЧИНАЮЩИХ 🟢 SVG: • SVG для НАЧИНАЮЩИХ 🟡 JavaScript: • Уроки по JavaScript для НАЧИНАЮЩИХ 🟠 TypeScript: • TypeScript 🔴 React: • React для НАЧИНАЮЩИХ ⏰ Таймкоды: ▶ 00:00 | Для кого это видео ▶ 00:56 | Что будем делать ▶ 02:04 | Как выглядит приложение ▶ 03:19 | Что нужно установить ▶ 04:22 | Что такое React ▶ 05:18 | Создаем проект на Vite ▶ 09:58 | Что такое JSX ▶ 10:21 | Что такое компонент ▶ 13:47 | Как работать с npm ▶ 17:00 | Генерируем статичный QR ▶ 20:08 | Событие onChange и event.target.value ▶ 27:55 | Хук useState ▶ 31:50 | Генерируем QR по событию onClick ▶ 39:31 | Подключаем css и стилизуем компонент ▶ 44:00 | Сканируем QR код ▶ 52:43 | Передаем объект в пропсы ▶ 55:00 | Выводим текст ▶ 57:57 | Подключаем CSS модули ▶ 01:02:33 | Делаем простой роутинг ▶ 01:09:01 | Общий layout ▶ 01:13:45 | Небольшой рефакторинг ▶ 01:15:08 | Работаем с localStorage ▶ 01:26:28 | Компонент "История сканирования" ▶ 01:32:54 | Компонент "История генерирования" ▶ 01:34:18 | Заливаем код на github ▶ 01:38:27 | Небольшая практика с git ▶ 01:39:45 | Настраиваем deploy ▶ 01:45:55 | Тестируем приложение ▶ 01:46:50 | Исправляю сломанный сканер ▶ 01:55:38 | Финальный тест приложения ▶ 01:56:23 | Подводим итоги ▶ 01:57:37 | Что пропустили? 🔊 Музыка: Song: "Dj Quads - Birds And The Bees" / djquadsoffi. . Music provided by BreakingCopyright: • [Non Copyrighted Music] @DjQuadsOffic... #frontend #react #javascript #js #vite