Developing Games with React, Redux, and SVG

auth0.com

Learn how to create engaging games using React, Redux, and SVG. Gain transferable skills to build other types of web animations beyond games.

Technical TutorialsReact

Introduction

In this series, you will learn how to make React and Redux control a bunch of SVG elements to create a game. The knowledge acquired throughout this series will also allow you to create other types of animations that are orchestrated by React and Redux, not only games.

screenshot

Highlights

  • Learn how to develop games using React, Redux, and SVG
  • Gain knowledge that can be applied to create other types of animations beyond games
  • Build a game called "Aliens, Go Home!" where you have to shoot down flying discs

Recommendation

This course is suitable for web developers who have some familiarity with JavaScript, React, and Redux. While deep prior knowledge is not required, having a basic understanding of these technologies will make it easier to follow along and grasp the concepts covered in the series.

How GetVM Works

Learn by Doing from Your Browser Sidebar

Access from Browser Sidebar

Access from Browser Sidebar

Simply install the browser extension and click to launch GetVM directly from your sidebar.

Select Your Playground

Select Your Playground

Choose your OS, IDE, or app from our playground library and launch it instantly.

Learn and Practice Side-by-Side

Learn and Practice Side-by-Side

Practice within the VM while following tutorials or videos side-by-side. Save your work with Pro for easy continuity.

Explore Similar Hands-on Tutorials

JavaScript for Data Science

10
Technical TutorialsData ScienceJavaScriptReact
Comprehensive guide to using JavaScript for data science, covering data visualization, web development, and programming for data analysis.

Learning JavaScript Design Patterns

21
Technical TutorialsJavaScriptReact
Comprehensive guide to essential design patterns for JavaScript and React, covering creational, structural, and behavioral patterns, as well as modern performance and rendering techniques.

Next.js 13 Crash Course 2023: Learn App Directory, React Server Components & More

23
Technical TutorialsNext.jsReact
Dive into the latest advancements of Next.js 13, including the new app directory, React Server Components, and more. Gain hands-on experience through a practical project.

The Next.js Handbook | Web Development, Best Practices

14
Technical TutorialsNext.jsReact
Comprehensive guide to Next.js, covering web development, best practices, and practical techniques for building web applications.

30 days of React: An introduction to React in 30 bite-size morsels

5
Technical TutorialsJavaScriptReact
Learn React from the ground up in 30 bite-sized lessons. Build a solid understanding of React's core concepts and principles. Applicable for beginners and experienced developers.

React Enlightenment | Comprehensive React.js Guide for Frontend Development

12
Technical TutorialsJavaScriptReact
Dive into React.js with this comprehensive guide, covering the essentials of building user interfaces with this popular JavaScript library.

React JS Notes for Professionals

14
Technical TutorialsJavaScriptReact
Comprehensive guide for frontend developers interested in learning ReactJS, featuring insights and tips compiled from StackOverflow Documentation.

Comprehensive Redux Tutorial | JavaScript State Management

12
Technical TutorialsJavaScriptReact
Learn Redux, a popular state management library for frontend development. Covers key concepts, implementation, and best practices for effective web application development.

The React Beginners Handbook

15
Technical TutorialsJavaScriptReact
Comprehensive guide to learning React for beginners, covering fundamentals of React, JavaScript, and frontend development.