When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Learn React by Making a Game (2024 edition)

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     
  • 5
    •  |
  • Reviews ( 1 )
Free
Learn React by Making a Game (2024 edition)

Related Courses

This Course Includes

  • iconskillshare
  • icon5 (1 reviews )
  • icon1 hours 9 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Learn React by Making a Game (2024 edition)

Class Trailer

Before we commence

Render the app with ReactDom createRoot

Scaffolding the main components

Adding props

Random signs

CSS styles in React

Setting inline styles

The useState() hook

Trigger events in child components wip

Animations and setInterval

Adding useRef() and cleanup useEffect()

Context Providers in React

The useContext() hook

Decide the game winner

Class project

Conclusion

What You Will Learn?

  • Do you want to learn ReactJs in a fun, playful way? In this course, we will study React while building a full Rock-Paper-Scissors game..
  • I have learned how to code by trying to make my own video games. It was fun and I loved it. I think learning should be fun and close to that feeling we once had when we were kids and discovering new things..
  • This course comes with a printable manual.
  • The course comes with a nice printable manual that you can download and use later for easy reference. Following the content of the videos, there are over 35 pages full of code examples, resources, or diagrams so you can get a better visual representation of what is going on..
  • While building this game we will go through the features of React, best practices, and how to avoid common pitfalls..
  • Easy setup - learn React without all the distractions.
  • Many React newcomers tend to get hung up on external dependencies and complex development environments. Things such as build files, NPM modules to install, Webpack, Redux, and more. While these tools are great in complex apps, they tend to add additional weight when starting out. .
  • This is the reason we will use a zero-configuration setup. Just the code editor, a basic HTML file, and the web browser. This course is about React and React only!.
  • What will you learn?.
  • While building a fully functioning app we dive into some basic concepts in React such as:.
  • ... and more .
  • See you in class!.