How I Remade 2048 Using Reactby@msokola
1,445 reads
1,445 reads

How I Remade 2048 Using React

by Matéush16mSeptember 14th, 2021
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

In this article, we will learn how to build your own clone of the 2048 game in React. Aside from React, we will use TypeScript and we'll make some CSS transitions using LESS. We are only going to use modern React interfaces such as hooks and the Context API. We will not handle wins and loses, and nothing happens when the board is unsolvable - you need to click the reset button. The application is responsible for rendering tiles and rendering the tile itself. It is also responsible for all animations related to the tile, and sliding it across the board.

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - How I Remade 2048 Using React
Matéush HackerNoon profile picture
Matéush

Matéush

@msokola

Grew my career from $15,000 to $100,000+ annual salary. Now sharing everything I learned along the way.

About @msokola
LEARN MORE ABOUT @MSOKOLA'S
EXPERTISE AND PLACE ON THE INTERNET.

Share Your Thoughts

About Author

Matéush HackerNoon profile picture
Matéush@msokola
Grew my career from $15,000 to $100,000+ annual salary. Now sharing everything I learned along the way.

TOPICS

THIS ARTICLE WAS FEATURED IN...

Permanent on Arweave
Read on Terminal Reader
Read this story in a terminal
 Terminal
Read this story w/o Javascript
Read this story w/o Javascript
 Lite
L O A D I N G
. . . comments & more!