In this lesson we look at building a tic tac toe game using React with TypeScript. We will use hooks for state management, and CSS in JS for styling our react components.

We also look at how you create simple layout components using CSS flexbox 🌹

The final complete code can also be found on github:
https://github.com/basarat/tic-tac-toe

In this video:

• 0:00 Intro
• 0:17 Get started
• 1:48 Create your first component
• 3:04 CSS in JS
• 3:48 Thinking about layout
• 4:48 Layout Components
• 6:08 Game Components
• 8:15 Game Logic and Types
• 10:12 Game State hook
• 14:06 Using the hook
• 18:30 Play through
• 19:13 Code organization tips

#react #typescript #css #javascript #web-development