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

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=ZGOaCxX8HIU


Duration: 2:34:18
157,090 views
3,450

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

🔗 Watch more courses from Thomas on his website: https://www.weibenfalk.com/

⭐️ 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



Other Videos By freeCodeCamp.org


2019-09-18Introduction To Responsive Web Design - HTML & CSS Tutorial
2019-09-09Sass Tutorial for Beginners - CSS With Superpowers
2019-09-06CEO can code? Watch Netlify's CEO code a Sudoku app from scratch in a bar on a Saturday night
2019-09-04How to start a coding YouTube channel (with tips from a bunch of successful creators!)
2019-09-03Spring Boot Tutorial for Beginners (Java Framework)
2019-08-29jamovi for Data Analysis - Full Tutorial
2019-08-27Intermediate React Tutorial - Todoist Clone (with Firebase, Custom Hooks, SCSS, React Testing)
2019-08-21Scratch Tutorial for Beginners - Make a Flappy Bird Game
2019-08-19How to Build an E-commerce Website with Django and Python
2019-08-16Docker Tutorial for Beginners - A Full DevOps Course on How to Run Applications in Containers
2019-08-14How to Build Tetris in React - GameDev Tutorial (with React Hooks!)
2019-08-13Learn Angular Material - Full Tutorial
2019-08-07Python NumPy Tutorial for Beginners
2019-08-05Kotlin Programming Fundamentals Tutorial - Full Course
2019-08-02In-Depth React Tutorial: Build a Hotel Reservation Site (with Contentful and Netlify)
2019-07-29Full Ethical Hacking Course - Network Penetration Testing for Beginners (2019)
2019-07-26Svelte Tutorial - Is it better than React?
2019-07-24Dart Programming Tutorial - Full Course
2019-07-22Godot Game Engine Tutorial - Make a 2D Platformer Game
2019-07-19Solidity Tutorial - A Full Course on Ethereum, Blockchain Development, Smart Contracts, and the EVM
2019-07-17React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC


Tags:
react
react tutorial
react course
react tutorial for beginners
reactjs
tetris
hooks
React.memo
useEffect
useState
useCallback
programming
web development
development
tech
react hooks
react hooks tutorial
react hooks course