tetris-on-a-plane

Looks like the links aren't clickable: 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/

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/

See my simple Tetris Game, https://github.com/jstimpfle/tetris-on-a-plane/blob/master/t..., at the very bottom. This implements a state machine in Javascript. It's a very simple case with only 2 states, "playing" and "paused". Each state registers its own event handlers on entrance, and unregisters them on leave. This approach avoids the need to answer the question "where am I? what should I do?" every time an event handler is called. While I think the approach is nice, the code is not so nice from a superficial point of view. The more general problem is that event-style sucks. Look up CSP by Tony Hoare, and Occam the language. What we need is better formalisms for sequential programs that include non-determinism like user events (i.e. view the user as part of the program). (And, of course, also parallel execution of these sequential thre

Link broke with new commit, here's a stable one: https://github.com/jstimpfle/tetris-on-a-plane/blob/d5d4d821... This is a test to see how quickly someone brings up the stackoverflow link ;-)

What's going on here? https://github.com/jstimpfle/tetris-on-a-plane/blob/master/t...

EDIT: Better URL https://github.com/jstimpfle/tetris-on-a-plane/ I had fun building this and experiencing the joyful side of JS (or at least the browser ecosystem). Boarding a plane I'd had the idea of finishing a simple tetris before arrival. The game was in a working state after ~2 hours, even though I had made a few bad decisions. (it was subsequently polished, investing another few hours). It was made with a "get things done" mindset, and the experience from dabbling with purely functional programming in Haskell was very helpful (mostly the "pure", as in "non-destructive", part). It's nice that in Javascript we have an environment where we can code a fun game in <400 lines, without any library dependencies (not even internet connection needed) or build systems. On the downside, if it had stronger dynamic types and errors (like Python)