Learn React by Making a Game (2024 edition)

Published 3/2024
Created by Daniel Nastase
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 17 Lectures ( 1h 9m ) | Size: 519 MB

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

What you’ll 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

Requirements:
Basic JavaScript experience

Description:
About This ClassDo 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 manualThe 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 distractionsMany 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 Babelusing functional componentsCSS styles and inline stylesthe basics of React hooks (useState, useEffect, useRef)setting up the React Context API for data sharingbest practices… and moreSee you in class!