React Tetris with Hooks
Create a Tetris Game with React and Hooks API
Level: Intermediate
Learn how to build a classic Tetris game with React.js and the Hooks API.
There's many great React.js courses out there but they're very huge and A LOT to grasp. My teaching style and belief is that you learn more by creating many smaller projects than one overwhelming 25 + hours course. This was also a project that I tried out myself to learn more about React and game development. I'm not a game developer in any way. =)
My main goal with this course is to mix fun with teaching. There's many tutorials and courses out there that are great but too complex and focus on a lot at the same time. I'm a great movie lover myself so therefore I thought it would be fun to create a web application based on movie data for this course. Hope you enjoy it too!
Make sure to download the STARTER FILES from the resources!
Course Curriculum
-
PreviewIntroduction (3:38)
-
Previewcreate-react-app and tooling (3:17)
-
PreviewScaffolding out the components (8:54)
-
StartStage and Tetrominos (16:15)
-
StartStyling with Styled Components (25:13)
-
StartCustom Hooks - usePlayer and useStage (15:32)
-
StartStage update and player movement (24:24)
-
StartCollision Detection (13:43)
-
StartPlayer Rotation (13:26)
-
StartClear Rows (7:25)
-
StartuseInterval (7:09)
-
StartuseGameStatus and ReactMemo (15:31)
Your Instructor
Thomas is a multitalented digital native from Sweden. He has been developing webpages and web applications ever since Internet first became a phenomenon. He's been employed in several business areas such as Fintech and Advertising in different roles. Today he is a freelancer and work in both coding and design projects as he's also a skilled designer. His code and design experience range back to the C64 and Amiga era as he grew up by a computer since he was only seven years old. As he is a fullstack developer he mostly enjoys doing Front End code because it's the bridge between design and technology.