Главная
Study mode:
on
1
Intro
2
Starter Setup
3
Fetching Dog API Data
4
useEffect Data Fetching / Strict Mode
5
Getting Data Ready for Questions
6
State with Immer Reducer
7
Creating Questions
8
The JSX Game Interface
9
Game Logic
10
Time Clock & Hearts UI
11
Game Over Screen
12
Actually Counting Down Time
13
Preload Images
14
High Score Local Storage
Description:
Build a dog guessing game using React and data fetching with useEffect in this comprehensive tutorial video. Learn how to set up a project, fetch data from a Dog API, implement useEffect for data fetching, prepare data for questions, manage state with Immer Reducer, create game questions, design the game interface using JSX, implement game logic, add a time clock and hearts UI, create a game over screen, implement a countdown timer, preload images, and store high scores using local storage. Follow along step-by-step to create a fully functional React-based game while mastering key concepts such as API integration, state management, and user interface design.

Code a Game Using React - Data Fetching with useEffect

LearnWebCode
Add to list