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
❤ 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
Thanks for reading ❤
If you liked this post, share it with all of your programming buddies!
Follow us on Facebook | Twitter
Further reading about React Hooks
☞ React - The Complete Guide (incl Hooks, React Router, Redux)
☞ Modern React with Redux [2019 Update]
☞ Best 50 React Interview Questions for Frontend Developers in 2019
☞ JavaScript Basics Before You Learn React
☞ Microfrontends — Connecting JavaScript frameworks together (React, Angular, Vue etc)
☞ Reactjs vs. Angularjs — Which Is Best For Web Development
☞ React Hooks Tutorial for Beginners: Getting Started With React Hooks
☞ How to build a movie search app using React Hooks?
☞ Top 10 Custom React Hooks you Should Have in Your Toolbox
☞ State Management with React Hooks
☞ Getting Closure on React Hooks
☞ Using React Hooks to make API Calls
#reactjs #game-development
