Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Code a Game Using React - Data Fetching with useEffect

LearnWebCode via YouTube

Overview

This course teaches learners how to code a game using React and data fetching with the useEffect hook. By the end of the course, students will be able to build a dog guessing game that fetches data from an API. The individual skills taught include setting up a project, fetching data from an API, managing state with the Immer library, creating game logic, implementing a time clock and UI elements, handling game over scenarios, preloading images, and utilizing local storage for high scores. The teaching method involves a hands-on approach with practical coding examples and demonstrations. This course is intended for individuals familiar with React who want to enhance their skills by building a fun and interactive game application.

Syllabus

Intro.
Starter Setup.
Fetching Dog API Data.
useEffect Data Fetching / Strict Mode.
Getting Data Ready for Questions.
State with Immer Reducer.
Creating Questions.
The JSX Game Interface.
Game Logic.
Time Clock & Hearts UI.
Game Over Screen.
Actually Counting Down Time.
Preload Images.
High Score Local Storage.

Taught by

LearnWebCode

Reviews

Start your review of Code a Game Using React - Data Fetching with useEffect

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.