The home for developers
Track your course progress, manage projects, and find your dream job - all in one place.
Start Your Free Trial7 Day Free Trial. Cancel Anytime.
SitePoint Premium
Do you want to learn React the fun way? In this class, you will learn the key concepts of React while building a Tic Tac Toe game.
React is currently the most popular front-end library. It's easy to begin with yet it's very capable even for building large-scale professional web-applications. In this course, we learn the fundamentals of React while having some fun and creating a Tic Tac Toe game.
While building a game we dive into the fundamentals of React like:
This is an introductory course for beginners. We don't get to more advanced things like routing or state management of large-scale applications. Instead, I give you a foundation you can build on.
Requirements:
This is an intro course, no prior React knowledge is required, but some HTML, CSS, and basic Javascript skills are necessary.
You can also check out the result of each lesson step by step on CodePen. Take a look on lesson notes in each step to see CodePen link
Note: If you are having problems with the settings: New versions of React and React DOM come out together, but it can happen that the website providing these libraries for CodePen is not up to date with both of them. If for some reason the version number of React and the version number of React DOM do not match then you have to downgrade the one with the higher version number by simply changing the number in the url of the added library to match.
Hunor Márton Borbély
Hunor is a full-stack web developer focused on frontend with a deep understanding of React and Vue. He's enthusiastic about UX design. He coaches the next generation of web developers at codebar, shares hobby projects on CodePen, publishes video tutorials on YouTube, and occasionally writes articles on CSS-Tricks and freeCodeCamp.
6 total