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.

Udemy logo

Learn React by Making a Game (2024 edition)

Learn coding and best practices of React in a fun way, by making a real game of Rock Paper Scissors.

     
  • 5
  •  |
  • Reviews ( 0 )
₹519

This Course Includes

  • iconudemy
  • icon5 (0 reviews )
  • icon1h 9m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About Learn React by Making a Game (2024 edition)

About This Class

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:

working with JSX, React DOM and Babel

using functional components

CSS styles and inline styles

the basics of React hooks (useState, useEffect, useRef)

setting up the React Context API for data sharing

best practices ... and more See you in class!

What You Will Learn?

  • Working with JSX, React DOM and Babel .
  • React best practices and how to avoid bugs .
  • React Context API .
  • React hooks (useState, useEffect, useRef) .
  • CSS styles and inline styles .
  • How to make a small game with React.