Why would you start creating a project and don't back it up? You don't even have to pay for it. All professional developers use Git (or another version control system like Mercurial or SVN) while developing, even for pet projects.
Before StartingĪlthough the previous section has not mentioned anything about Git, this is a good tool to have around. Nevertheless, this series includes links to relevant articles, posts, and documents that provide better explanations of topics that deserve more attention. However, if you do so, you will have an easier time to grasp the different topics and how they fit together. You don't have to have deep knowledge about the JavaScript programming language or how React, Redux, and SVG work to follow this series. But don't play too much, you have work to do! PrerequisitesĪs the prerequisites to follow this series, you will need some knowledge on web development (JavaScript mainly) and a development machine with Node.js and NPM installed. If you are curious, you can find the final game up and running here. To kill these flying discs you will have to point and click on an SVG canvas to make your cannon shoot. The game that you will develop in this series is called Aliens, Go Home! The idea of this game is simple, you will have a cannon and will have to kill flying discs that are trying to invade the earth. You can find the final code developed in this article in the following GitHub repository: Aliens Go Home - Part 1 The React Game: Aliens, Go Home!
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.
TL DR: In this series, you will learn how to make React and Redux control a bunch of SVG elements to create a game.