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

Scrimba

Build Tic Tac Toe with React Hooks

via Scrimba

Overview

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.

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
  • Congratulations on completing Build Tic Tac Toe with React Hooks 🪝

Reviews

Start your review of Build Tic Tac Toe with React Hooks

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.