- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
Code a Game Using React + Data Fetching with useEffect
Join my premium 2024 bootcamp here https://learnwebcode.teachable.com/p/learnwebcode-premium
Let's build a dog guessing game that fetches data from an API.
GitHub starter link: https://github.com/LearnWebCode/vite-tailwind
GitHub Finished Product Reference: https://github.com/LearnWebCode/react-dog-game
0:00 Intro
1:42 Starter Setup
3:05 Fetching Dog API Data
7:36 useEffect Data Fetching / Strict Mode
16:22 Getting Data Ready for Questions
24:36 State with Immer Reducer
36:52 Creating Questions
41:46 The JSX Game Interface
48:32 Game Logic
53:48 Time Clock & Hearts UI
1:02:38 Game Over Screen
1:11:07 Actually Counting Down Time
1:17:01 Preload Images
1:19:58 High Score Local Storage
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode
Видео Code a Game Using React + Data Fetching with useEffect канала LearnWebCode
Let's build a dog guessing game that fetches data from an API.
GitHub starter link: https://github.com/LearnWebCode/vite-tailwind
GitHub Finished Product Reference: https://github.com/LearnWebCode/react-dog-game
0:00 Intro
1:42 Starter Setup
3:05 Fetching Dog API Data
7:36 useEffect Data Fetching / Strict Mode
16:22 Getting Data Ready for Questions
24:36 State with Immer Reducer
36:52 Creating Questions
41:46 The JSX Game Interface
48:32 Game Logic
53:48 Time Clock & Hearts UI
1:02:38 Game Over Screen
1:11:07 Actually Counting Down Time
1:17:01 Preload Images
1:19:58 High Score Local Storage
Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode
Видео Code a Game Using React + Data Fetching with useEffect канала LearnWebCode
Комментарии отсутствуют
Информация о видео
19 июля 2022 г. 20:48:57
01:27:42
Другие видео канала





















