When you enroll in this course, you'll also be enrolled in this Specialization.
Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate
There is 1 module in this course
In this comprehensive course, you will build a functional game using React components, gaining hands-on experience with key concepts in web development.
The lessons cover the creation of both simple and advanced components, while introducing the power of React's state management and user interaction handling. You’ll begin by learning how to scaffold components, manage properties (props), and utilize React’s built-in styling capabilities.
As you progress, you'll explore important concepts like function logic, such as creating the calculateWinner function and implementing state management techniques. By the end, you'll have a solid understanding of how to render and update UI elements dynamically based on user interactions.
A unique bonus lesson will show you how to implement time travel in your game, further extending your skill set with more advanced React concepts.
Build a functional game in React, mastering component creation, state management, and interactive user experiences.
What's included
1 assignment12 plugins
Show info about module content
1 assignment•Total 30 minutes
Learn React Hooks: Build a Tic Tac Toe Game - Quiz•30 minutes
12 plugins•Total 49 minutes
Introduction•3 minutes
Welcome to interactive lessons!•1 minute
Scaffolding Components•3 minutes
Square Component & destructuring props•4 minutes
Board Component and scaffolding functions•6 minutes
Square Styling•3 minutes
Board Styling•3 minutes
calculateWinner function explained•4 minutes
Create states and fill with initial data•5 minutes
Create the handleClick function•4 minutes
renderMoves function and the last JSX•5 minutes
BONUS: Implement Time Travel•8 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Scrimba is an interactive code-learning platform with over a million users from all over the world. They feature highly interactive and engaging courses about programming and web development.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I subscribe to this Specialization?
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.