React Tutorial for Beginners

Published: 28 November 2022
on channel: UniSwann

435

React tutorial: ReactJs.org
Project tutorial in React, building tic-tac-toe from reactjs.org.

GitHub - https://github.com/vasswann/React-Tic...

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.

On this page of the site you can watch the video online React Tutorial for Beginners with a duration of hours minute second in good quality, which was uploaded by the user UniSwann 28 November 2022, share the link with friends and acquaintances, this video has already been watched 435 times on youtube and it was liked by 15 viewers. Enjoy your viewing!

301