Search courses ranked by devsStop wasting time. Search coding courses, tutorials, and books — ranked by developers who voted for themSee how→
Build Tic Tac Toe with React Hooks
Extra perks unlocked via skillcraft.ai link
In this course, we're going to have some fun building a Tic Tac Toe game with modern React. The example is pulled from React's official tutorials, but instead of doing the old way, we'll use React Hooks. Knowing React Hooks is a critical skill for any React developer who aims to work with modern codebases, and this course will teach it to you in a fun way and quick way! The course assumes you know basic React beforehand. If you've gone through our Learn React For Free course, you'll be well equipped to tackle this one.
Instructor
Thomas Weibenfalk
Thomas is a multitalented digital native from Sweden. He has been developing webpages and web applications ever since Internet first became a phenomenon.
Course details
0 hours 49 minutes
video
Included
Subscription
What you'll learn
Build the classic Tic Tac Toe game using React Hooks
Master useState and other React Hooks
Understand modern React patterns and best practices
Create interactive game components
Prerequisites
Basic React knowledge required
Understanding of JSX and components
Familiarity with JavaScript ES6 features
Completion of Learn React For Free course recommended
Who this course is for
React developers wanting to learn React Hooks
Developers transitioning from class components to functional components
Students who completed basic React courses
Anyone wanting to build interactive games with React
Curriculum
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
Certificate of Completion
Notice something missing?
Help us improve this course information for the community