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



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. ? Starter files: https://github.com/weibenfalk/react-tetris-starter-files ? Tutorial from Thomas Weibenfalk. Check out his YouTube channel: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg ⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction
⌨️ (03:40) create-react-app and tooling
⌨️ (06:57) Scaffolding Components
⌨️ (15:49) Stage and Tetrominos
⌨️ (32:05) Styling with Styled Components
⌨️ (57:19) usePlayer and useStage
⌨️ (1:12:51) Stage update and player movement
⌨️ (1:37:02) Collision Detection
⌨️ (1:50:46) Player RotationG
⌨️ (2:04:12) Clear Rows
⌨️ (2:11:37) drop with useInterval
⌨️ (2:18:47) useGameStatus and React.memo — Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp