Game Development With React

In this article, we will be looking at how React is used in developing web games by building a tic-tac-toe game.

In this blog post, Kyle Shevlin teaches you how to build tic-tac-toe in React using CSS grid and the `useReducer` hook.

The example game is pulled from React's official tutorials but is brought up to date using React hooks - the latest hot topic in the React world.

I started building JellyBean Jam as a volunteer project for Puppetry Arts LLC. I wanted to gain experience in React Native and it seemed like a fun way to get started. Before we get started, don’t forget to download JellyBean Jam for free on the App Store and try it out. My high score is 1400.

In this article, we’ll run away from the common usage of this lib, which is for file uploading or features alike. Instead, we’ll develop a game: the famous Tower of Hanoi.

This is a three-part series of articles where we will see how we can use React, three.js, and react-three-fiber to create a game of pool table.

In order to re-create this game I decided to use the (to my knowledge) only game engine currently available for React Native: react-native-game-engine

Building minesweeper in react native in less than 50 minutes.

Tic tac toe is a quintessential childhood game. All it requires is something to write on and something to write with. But what if you want to play with someone that's in another location? In this case, you would need to use an application that connects you and another player to the game.

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.

In this video we will create a hangman game using React with hooks.

In this video we'll cover the Web Speech API, building a word matching game for learning a language, similar to one of the features that DuoLingo has.

Today I'm going to recreate yet another classic game in React Native: Whack-A-Mole. I'm going to use rn-sprite-sheet, which I believe is one of the best ways to do on-demand animation with React Native in a game.

In the previous episode we created a proof of concept version of Flappy Bird using react-native-game-engine and Matter.js. While it was fun, it wasn't even remotely the kind of game that any user would enjoy or even use for more than 10 seconds. Today we are aiming to make the game to be (more or less) production ready.

Netlify CEO Matt Biilmann live codes a Sudoku app using Netlify while sitting in a bar on late one Saturday night. We recorded this in GitHub's bar in their office during the 2018 freeCodeCamp JAMstack Hackathon.

Today I'm building the "classic" game Flappy Bird in react native, using react-native-game-engine and Matter.js. This kind of game is not necessarily something that I would encourage to build using react native, but it is entirely possible, so might as well.

React native tutorial on building the classic Snake game, made popular by Nokia in the late 90s.

This is the second part of the series where I try to create a fully fledged Slot Machine Game in React Native. In this episode we are going to evaluate the result of the spin and highlight the lines that won with a nice little animation.

Slot Machines are not necessarily the kind of apps you would build in React Native... Challenge... Accepted.

Learn to create a Tetris game with React Hooks in this tutorial course for beginners. You will learn how to build Tetris from scratch using hooks like useState, useEffect, useCallback and custom hooks. Styling is done with Styled Components.

Learn fundamental and advanced concepts of React.js by building four simple browser games.

Learn the basics of React.js, and build an in-browser, math skills kids' game from scratch with it

In this episode, Scott and Wes talk with Drew Conley about building games with Javascript.