Chapters (12)
- 0:00Introduction
- 3:40create-react-app and tooling
- 6:57Scaffolding Components
- 15:49Stage and Tetrominos
- 32:05Styling with Styled Components
- 57:19usePlayer and useStage
- 1:12:51Stage update and player movement
- 1:37:02Collision Detection
- 1:50:46Player RotationG
- 2:04:12Clear Rows
- 2:11:37drop with useInterval
- 2:18:47useGameStatus and React.memo
Show the creator's full description
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/
❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.