Tetris Built in React to Help You Learn – Tetris on a Plane

What it does

In the maker’s words, at launch

I was playing around with a vanilla JavaScript Tetris implementation someone posted, tetris-on-a-plane, learning and recreating it from scratch to sharpen my JavaScript skills. I thought it would also be fun to sharpen up my React skills a little. So I re-implemented Tetris on a Plane in React. I found it really helpful to see a vanilla js app, and then the same thing broken into components and implemented in React, maybe you will too! Regardless, I learned a lot re-implementing it. React Tetris Source: https://github.com/a12k/react-tetris Tetris on a Plane Source: https://github.com/jstimpfle/tetris-on-a-plane React Tetris Playable: http://react-tetris-app.herokuapp.com/

• 
  React for Designers2018 · ▲301

  Course for building a React site using components

• AT
  A Tetris clone written in ES6 using React2018 · tetris.joshbassett.info · ▲76
• 
  Tetrisly React Components2024 · ▲125

  An open-source react library to shipping web apps faster

• 
  Framer Guide to React2019 · ▲265

  A guide to using React for designers

• BY
  Build your first real world React.js application2016 · academy.plot.ly · ▲261
• 
  React Starter Kit from Glitch2017 · ▲274

  Free video course w/ interactive code helps you learn React.

• 
  Dograh▲592

  The open source VAPI alternative

  Dev tools · 25d ago · dograh.com

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 20d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 11d ago · x1.new

• 
  The GTM Co-Founder▲402

  Open-source GTM skills for technical founders

  Dev tools · 29d ago · gtmcofounder.com

• 
  Open-Source eInk Bike Computer▲392

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 2d ago · opentrailpaper.com

• 
  Nuphos▲380

  The AI-Native DevOps Workspace.

  Dev tools · 24d ago · nuphos.ai

• 
  Lottie by Airbnb▲1,136

  Easily add high-quality animation to any native app

  Dev tools · 2017 · airbnb.com

• 
  Web Gradients▲909

  Curated collection of 180 free fresh background gradients 🚀

  Work · 2017 · webgradients.com

• 
  Culture Codes▲857

  Company culture decks aggregated all in one place

  Life & fun · 2017 · tettra.com

• 
  TensorFlow 1.0▲820

  Open-source machine learning library by Google

  AI · 2017 · tensorflow.org

• 
  Milanote▲763

  The notes app for creative work

  Work · 2017 · milanote.com

• AG
  A guide to all HTML5 elements and attributes▲728

  Life & fun · 2017 · htmlreference.io