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

Skillshare

Tic Tac Toe: A Playful Intro to React

via Skillshare

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Do you want to learn React the fun way? In this class, you will learn the key concepts of React while building a Tic Tac Toe game. 

While building a fully functioning game we dive into some basic concepts in React like:

  • How to break down your application or game into smaller pieces, into components
  • How to structure your logic and how to connect these components with props and callbacks
  • How to deal with change, what is the state, what to store in it and where to define it
  • How to add interaction and how does re-rendering work in React
  • And while it has nothing to do with React we are also going to draw some basic images by coding SVGs

This is an intro course, no prior React knowledge is required, but some HTML, CSS and basic Javascript skills are necessary.

.

Syllabus

  • Introduction
  • Breaking Down the Game Into Components
  • Writing Our First Components
  • The Grid
  • Which Square is Which?
  • The Changing Parts
  • First Attempt to Add a State
  • A State That Can Change
  • Circles and Crosses
  • Interaction
  • Detecting the Winner
  • And the Winner Is...
  • Conclusion

Taught by

Hunor Borbély

Reviews

Start your review of Tic Tac Toe: A Playful Intro to React

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.