React с полного 0 до реального проекта. Практика для начинающих 2024 | React, vite, deploy

✏️ Изучаем на практике 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