Game Development With React

Articles & Tutorials

How to code the Game of Life with React (medium.freecodecamp.org)
Mar 05, 2019
The Game of Life involves a two-dimensional orthogonal grid of square cells, each of which is in one of two possible states, alive or dead. At each step, every cell interacts with its eight adjacent neighbors by following a simple set of rules resulting in births and deaths.
  • Pablo Regen
Learn advanced React patterns by developing a game with sprite animation (medium.freecodecamp.org)
Aug 02, 2018
Have you ever wanted to learn some advanced React patterns? Or build your own game engine? If at least one answer is yes, then this article is for you.
  • Pavel Vlasov
How I built a React game with react-dnd and react-flip-move (medium.freecodecamp.org)
Jun 14, 2018
This is a high level overview of my implementation of a puzzle/word game built entirely in React.
  • Nicholas Vincent-Hill
Learning React.js by building a Minesweeper game (codeburst.io)
May 23, 2018
Minesweeper game is a classic board game that is aesthetically similar to tic-tac-toe and it is simple enough to be possible for a beginner like me to build.
  • Sandip Shrestha
How to code the “Game of Life” with React in under an hour (medium.freecodecamp.org)
May 04, 2018
Recently I watched the famous video that creates a snake game in less than 5 minutes (on Youtube). It looked pretty interesting to do this…
  • Charlee Li
Developing Games with React, Redux, and SVG (auth0.com)
Feb 06, 2018
Learn how to make React and Redux control a bunch of SVG elements to create a game.
  • Bruno Krebs
Do you want to learn more about React? Let’s build — and then play — a game (medium.freecodecamp.org)
Nov 17, 2017
Building simple game apps beats building abstract (and todo) apps on so many levels.
  • Samer Buna
How I built a super-simple game using React-Native (hackernoon.com)
Feb 28, 2017
Today I released a simple React-Native game on the App Store with the aim of providing some tips on how to handle small React-Native projects like this one.
  • Matteo Mazzarolo

Video Guides & Talks

3D Components in React Application (youtube.com)
Jan 07, 2019
Denys makes 3D photorealistic games which run in web browsers. He cares about performance, reusable and high-quality code.
  • Denys Periel
PIXI.js in React Native for beginners (youtube.com)
Nov 26, 2018
Learn how to use pixi.js to make mobile 2D video games. Really this is just the setup but you can use most pixijs features with Expo React Native.
Making games and physics work with Reason & Reprocessing (youtube.com)
Nov 22, 2018
Reason is great for a whole lot of things, but let me take you through a story of trying to write a 2D physics engine in just under 8 hours (Mistakes were made), what strongly typed languages don’t protect you off, and a vision of what you could build with Reason or Reprocessing.
  • Phil Plückthun

Books & Guides

Learn React.js By Building Games: 2nd Edition (jscomplete.com)Get it on Amazon
Mar 01, 2018
Learn fundamental and advanced concepts of React.js by building four simple browser games.
  • Samer Buna

Courses & Video Series

React.js: Getting Started (pluralsight.com)
Apr 11, 2017
Learn the basics of React.js, and build an in-browser, math skills kids' game from scratch with it
  • Samer Buna