✏️ Изучаем на практике React с полного 0. По итогу будет приложение, которое умеет сканировать и генерировать QR код. А также все это сохраняется в localStorage. Оттуда мы будет доставать ранее сгенерированные коды.

🔥 Сервис для получения реального опыта PREAX - [ Ссылка ]
🔥 Поддержать автора:
[ Ссылка ]

📚 Ссылки:
Vite deploy: [ Ссылка ]
Исходный код: [ Ссылка ]

💬 Чат в телеграмме (помощь новичкам):
[ Ссылка ]

🎦 Другие видео:
🟣 React с полного 0 до реального проекта: [ Ссылка ]
🔵 Chrome Dev Tools полный курс: [ Ссылка ]
🟢 Полный Roadmap по всему Frontend: [ Ссылка ]
🟡 Как стать MIDDLE FRONTEND?: [ Ссылка ]
🟠 TypeScript базовый курс: [ Ссылка ]

🎦 Плейлисты:
🟣 HTML: [ Ссылка ]
🔵 CSS: [ Ссылка ]
🟢 SVG: [ Ссылка ]
🟡 JavaScript: [ Ссылка ]
🟠 TypeScript: [ Ссылка ]
🔴 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"
[ Ссылка ]...
Music provided by BreakingCopyright: [ Ссылка ]


#frontend #react #javascript #js #vite

свернуть