How to Use React.js for Game Development - Tutorial

Live demo controls :
- Arrow keys to move around.
- Use the space key to close the text box once it appears.

RESOURCES :

CREDITS :

CHAPTERS :

0:00 Intro
4:14 Project Setup
17:05 Implementing The Game Example
48:38 Using Jotai to Pass Data Between React and The Game
54:36 Writing CSS to Make UI Scale with Canvas
1:02:59 Building our React UI + Connecting it with Jotai

[O-]

Wow, i was looking forward for this tutorial, it made my day. Thanks!

[Sebastian_]

Hi! Just discovered your channel. Thanks so much for the work and content you delivered here. I hope a lot more views follow soon! All the best, Seb

[Nikhil-gmks]

Amazing Guide ! Keep up the Good Work 🙌

[hachetrescomacatorce]

Awesome, but i have a question, why do you use Kaplay(before Kaboom) instead Phaser in all your projects? Greetings from Colombia.

[username-yfp]

hey i have a request .first make a small video discussing advantages of making games on react.Second how to handle very big projects.and third tell me what should i start with in gamedev in js kaplay phaser impact

[username-yfp]

pls can you tell advantage of making games in react, and make a big project in it

[jotaroisdarius]

How can I have a full screen background?