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

YouTube

React Hooks Tutorial - Build a Tic-Tac-Toe Game - Full Course

Scrimba via YouTube

Start learning Write review
Simplilearn Ad

Become an AI & ML Engineer with Cal Poly EPaCE — IBM-Certified Training

Learn More → OpenLearning Ad

Future-Proof Your Career: AI Manager Masterclass

Learn More →

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free
Learn to build a Tic-Tac-Toe game using React Hooks in this comprehensive 50-minute tutorial. Explore modern React development techniques, including component scaffolding, prop destructuring, and state management. Master essential concepts such as styling components, implementing game logic with the calculateWinner function, and creating interactive features like handleClick and renderMoves. Gain hands-on experience with React Hooks while developing a fun, classic game. As a bonus, discover how to implement time travel functionality, enhancing your understanding of advanced React concepts. Perfect for developers with basic React knowledge looking to level up their skills in modern React development.

Syllabus

- Introduction
- Scaffolding Components
- Square Component & destructuring props
- Board Component and scaffolding functions
- Square Styling
- Board Styling
- calculateWinner function explained
- Create states and fill with initial data
- Create the handleClick function
- renderMoves function and the last JSX
- BONUS: Implement Time Travel

Taught by

Scrimba

Reviews

Start your review of React Hooks Tutorial - Build a Tic-Tac-Toe Game - Full Course

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.