How to Build Tetris in React - GameDev Tutorial (with React Hooks!)

How to Build Tetris in React - GameDev Tutorial (with React Hooks!)

freeCodeCamp.org via freeCodeCamp Direct link

) Introduction

1 of 12

1 of 12

) Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

How to Build Tetris in React - GameDev Tutorial (with React Hooks!)

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ) Introduction
  2. 2 ) create-react-app and tooling
  3. 3 ) Scaffolding Components
  4. 4 ) Stage and Tetrominos
  5. 5 ) Styling with Styled Components
  6. 6 ) usePlayer and useStage
  7. 7 ) Stage update and player movement
  8. 8 ) Collision Detection
  9. 9 ) Player RotationG
  10. 10 ) Clear Rows
  11. 11 ) drop with useInterval
  12. 12 ) useGameStatus and React.memo

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.