This quick course will teach you to build the classic Tic Tac Toe game using modern React and React Hooks.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Scaffolding React Components
Square Component Development
Destructuring Props in React
Board Component Scaffolding
Styling Square Components
Styling Board Components
Implementing Winner Calculation
State Creation with Initial Data
handleClick Function Creation
renderMoves Function and JSX
Time Travel Feature Implementation
Completing a React Hooks Project
01. Build Tic Tac Toe with React Hooks
- Introduction
- Scaffolding Components
- Square Component & Destructuring Props
- Board Component and Scaffolding Functions
- Square Styling
- Board Styling
- CalculateWinner Function Explained
- Create States and Fill with Initial Data
- Create the handleClick Function
- RenderMoves Function and the Last JSX
- Bonus: Implement Time Travel
- Congratulations on Completing Build Tic Tac Toe with React Hooks
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Scaffolding React Components
Square Component Development
Destructuring Props in React
Board Component Scaffolding
Styling Square Components
Styling Board Components
Implementing Winner Calculation
State Creation with Initial Data
handleClick Function Creation
renderMoves Function and JSX
Time Travel Feature Implementation
Completing a React Hooks Project
COURSE OUTLINE
01. Build Tic Tac Toe with React Hooks
- Introduction
- Scaffolding Components
- Square Component & Destructuring Props
- Board Component and Scaffolding Functions
- Square Styling
- Board Styling
- CalculateWinner Function Explained
- Create States and Fill with Initial Data
- Create the handleClick Function
- RenderMoves Function and the Last JSX
- Bonus: Implement Time Travel
- Congratulations on Completing Build Tic Tac Toe with React Hooks
