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
Coursera Ad

Gain a Splash of New Skills - Coursera+ Annual Nearly 45% Off

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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.