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.

Ratings 0.00 / 5.00
Learn React by Making a Game (2024 edition)

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

Description

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!

Who Should Attend!

  • Javascript developers with basic knowledge of web components who want to get started coding in React with a fun and practical exercise.

TAKE THIS COURSE

Tags

Subscribers

0

Lectures

17

TAKE THIS COURSE