React tutorial: ReactJs.org
Project tutorial in React, building tic-tac-toe from reactjs.org.
GitHub - https://github.com/vasswann/React-Tic-Tac-Toe_From-React.org
Timecodes
00:00 - Intro
00:43 - Tic-Tac-Toe intro | What are we learning in this video?
02:03 - Setup the tutorial
04:54 - Refactoring the starter code
05:19 - What is React?
10:02 - Inspecting the starter code
11:04 - ReactJs props
13:26 - Making an Interactive Component
18:45 - Lifting State Up
25:53 - Why Immutability is Important
27:04 - Function Components
28:56 - Taking Turns
30:30 - Declaring a Winner
32:51 - Adding Time Travel
40:21 - What are the Key props in React
41:37 - Implementing the Time travel
45.06 - Rewrite Board to use two loops to make the squares instead of hardcoding them in TIC-TAC-TOE.
47:18 - Display the location for each move in the format (col, row) in the move history list.
49:18 - Bold the currently selected item in the move list.
50:02 - Add a toggle button that lets you sort the moves in either ascending or descending order.
51:33 - When someone wins, highlight the three squares that caused the win.
52:38 - When no one wins, display a message about the result being a draw.
