React Tetris with Hooks
Create a Tetris Game with React and Hooks API
This course has been moved to my FREE Youtube channel. Click below to go there. Make sure to support me by subscribing if you want more free content.
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.