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

MIT Sloan AI Adoption: Build a Playbook That Drives Real Business ROI

Learn More → Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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.