2048-in-react
react-cool-inview
2048-in-react | react-cool-inview | |
---|---|---|
3 | 1 | |
136 | 1,462 | |
- | - | |
7.7 | 3.9 | |
about 2 months ago | 9 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
2048-in-react
-
React Tutorial β How to Build the 2048 Game in React
You can check the source code to get inspired - https://github.com/mateuszsokola/2048-in-react
-
Source Code Of The 2048 Game In React (Including Animations)
I created this game as a part of my video tutorial on YouTube. You can find there: - Tutorial (YouTube) - Source code (Github) - Animation Examples (Github Pages)
Source code (Github)
react-cool-inview
-
React Hooks for infinite scroll: An advanced tutorial
As the purpose of this article is infinite loading, weβre not going to go into the implementation details of the Intersection Observer API, and instead use an existing React Hook that provides that functionality for us, react-cool-inview.
What are some alternatives?
Twenty48 - A modified clone of the puzzle game 2048, built in react/typescript!
react-cool-virtual - π β»οΈ A tiny React hook for rendering large datasets like a breeze.
react-intersection-observer - React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react-awesome-reveal - React components to add reveal animations using the Intersection Observer API and CSS Animations.
svelte-inview - A Svelte action that monitors an element enters or leaves the viewport.π₯
use-local-storage-state - React hook that persists data in localStorage
animate-css-grid - Painless transitions for CSS Grid
useInfiniteLoading - An infinite loading hook example for React applications
tools - Various cli tools for Polkadot and Substrate chains, including basic node monitoring, making API queries via a cli app and other command-line tools
use-change - The most minimalistic React state management library on the market with zero dependencies and React.useState-like syntax
react-lazy-io - βοΈ react lazy load component using one intersection observer.
use-scroll-direction - A simple, performant, and cross-browser hook for detecting scroll direction in your next react app.