In this Tutorial we are going to build an awesome version of Tic Tac Toe using React.
Learn React concepts such as thinking in components, useState hook and useEffect hook. We also cover JS audio, CSS concepts such as flex-box and grid layouts for display and more to create a delightful UI.
CSS Gist
[ Ссылка ]
Github Complete project
[ Ссылка ]
Try the game:
[ Ссылка ]
VsCode Extensions Used:
Simple React Snippets
[ Ссылка ]
Prettier
[ Ссылка ]
Material Icons
[ Ссылка ]
Chapters
00:00 intro
01:09 Component diagram
03:07 Stub out components
07:48 Where to get CSS
10:00 Board and Tile CSS
12:02 Tic Tac Toe Grid lines
13:54 Tile State
16:33 PlayerTurn State
17:10 Handle Tile Click
21:14 Hover CSS show next player turn
24:56 Strike Through
30:08 Check for Winner
37:43 Game Over Component
45:02 Play Again Button
48:32 Sound
#react #webdeveloper #softwareengineer #reactdeveloper #tictactoe
