Build Tic Tac Toe with React Hooks

Enroll for free Get started!

Join 6991 other students

Log in to get

Access to all our free courses

Interactive hands-on content

100s of code challenges

Join a friendly community

Enroll for free

Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

with Thomas Weibenfalk

Course level: Intermediate

This quick course will teach you to build the classic Tic Tac Toe game using modern React and React Hooks.

What's inside

This course contains 12 interactive scrims

Build Tic Tac Toe with React Hooks

12 lessons 49 min

1. Introduction

2. Scaffolding Components

3. Square Component & destructuring props

4. Board Component and scaffolding functions

5. Square Styling

6. Board Styling

7. calculateWinner function explained

8. Create states and fill with initial data

9. Create the handleClick function

10. renderMoves function and the last JSX

11. BONUS: Implement Time Travel

12. Congratulations on completing Build Tic Tac Toe with React Hooks 🪝

Prerequisites

Before taking this course, you should have a basic understanding of HTML, CSS, JavaScript, and React. Here’s our suggested resources to get you up to speed.

Learn JavaScript

209 lessons | 10 hours 26 min

with Per Harald Borgen

Per Harald Borgen

177 lessons | 13 hours 46 min

with Bob Ziroll

Bob Ziroll

Meet your teacher

The course creator

Thomas Weibenfalk

Thomas is a multitalented digital native from Sweden. He has been developing webpages and web applications ever since Internet first became a phenomenon.

Follow me on twitter

Why this course rocks

In this course, we're going to have some fun building a Tic Tac Toe game with modern React. The example is pulled from React's official tutorials, but instead of doing the old way, we'll use React Hooks.

Knowing React Hooks is a critical skill for any React developer who aims to work with modern codebases, and this course will teach it to in a fun way and quick way!

The course assumes you know basic React beforehand. If you've gone through our Learn React For Free course, you'll be well equipped to tackle this one.