Code a Game Using React + Data Fetching with useEffect

Published: 19 July 2022
on channel: LearnWebCode
11,240
278

Join my premium 2024 bootcamp here https://learnwebcode.teachable.com/p/...

Let's build a dog guessing game that fetches data from an API.

GitHub starter link: https://github.com/LearnWebCode/vite-...
GitHub Finished Product Reference: https://github.com/LearnWebCode/react...

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:   / javaschiff  
Twitter:   / learnwebcode  
Facebook:   / brad-schiff-1542576316048470  
Twitch:   / learnwebcode  


On this page of the site you can watch the video online Code a Game Using React + Data Fetching with useEffect with a duration of hours minute second in good quality, which was uploaded by the user LearnWebCode 19 July 2022, share the link with friends and acquaintances, this video has already been watched 11,240 times on youtube and it was liked by 278 viewers. Enjoy your viewing!