✏️ Изучаем на практике React с полного 0. По итогу будет приложение, которое умеет сканировать и генерировать QR код. А также все это сохраняется в localStorage. Оттуда мы будет доставать ранее сгенерированные коды. 🚀 Получить опыт реальной разработки можно тут:
Помощь во всем • ревью вашего кода • стримы • и многое другое Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595 🔥 Поддержать автора:
https://www.donationalerts.com/r/kake... 📚 Ссылки: Vite deploy:
Исходный код:
💬 Чат в телеграмме (помощь новичкам):
🎦 Другие видео: 🟣 React с полного 0 до реального проекта: • React с полного 0 до реального проекта. Пр... 🔵 Chrome Dev Tools полный курс: • Chrome Dev Tools полный курс [2024] | Pe... 🟢 Полный Roadmap по всему Frontend: • Как долго учить HTML, CSS, JavaScript, Typ... 🟡 Как стать MIDDLE FRONTEND?: • Как стать MIDDLE FRONTEND? [Roadmap 2024] 🟠 TypeScript базовый курс: • TypeScript базовый курс (Практика React + ... 🎦 Плейлисты: 🟣 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] @DjQuadsOfficial ... #frontend #react #javascript #js #vite
