Reactris 
       =========
       
       
       Table of Contents 
       ------------------
       
 (DIR) Introduction
 (DIR) Controls
 (DIR) Build & Run
 (DIR) Toolchain
 (DIR) Version history
 (DIR) My philosophy
 (DIR) Socials
       
       Introduction 
       -------------
       
       
       This is a version of Tetris written using the React framework . 
       
 (HTM) React framework 
       
       Test coverage 
       
 (DIR) Test coverage
       
       Until now, my React experience has been limited to a small experiment 1 . 
       
 (DIR) 1
       
       However, a vacancy from the Dutch Chamber of Commerce (KvK) triggered me :-) They asked for a Frontend React developer Tetris 2 . I applied so quickly that I forgot to fill out most of the application form :-( 
       
 (DIR) 2
       
       I was turned down (quite rightly given my lack of React experience), but the idea of Tetris in React didn’t let go and I opened my IDE… and here is Reactris! A reaction to corporate recruiters :-) 
       
       
       Controls 
       ---------
       
       
       Use cursor keys ▲  ▶  ▼  ◀  SPACE or I  J  K  L  M  SPACE to control the game. 
       
       
       You probably need a recent version of Chrome, Firefox, (non-legacy) Edge or Safari to play it. 
       
       
       Build & Run 
       ------------
       
       
       Toolchain 
       ----------
       
       - React 18 
       - React testing library and Jest are used for testing. 
 (HTM) React testing library 
 (HTM) Jest 
 (HTM) esbuild 
       
       (I hand-coded the config files because I want to truly understand what they do, this implies there could be a slip through and unneeded packages are included) 
       
       
       Version history 
       ----------------
       
       Date  | Description 
       2022-08-02 10:52:58  | JavaScript version 
       2022-08-26 17:14:55  | TypeScript version 
       
       My philosophy 
       --------------
       
       
       A language framework a year keeps the doc away! 
       
       
       Socials 
       --------
       
 (HTM) LinkedIn post 
 (HTM) Twitter 
       ----------------------------------
       -  rascal . This was a PoC to show how to do React binding with three.js and loading Collada models. Didn’t got the job either. Story of my life :-) ↩︎  
       
       rascal . This was a PoC to show how to do React binding with three.js and loading Collada models. Didn’t got the job either. Story of my life :-) ↩︎ 
       
 (DIR) rascal
 (HTM) three.js 
 (DIR) ↩︎
       -  I should learn to read the full page instead of only the title. ↩︎  
       
       I should learn to read the full page instead of only the title. ↩︎ 
       
 (DIR) full page
 (DIR) ↩︎
 (DIR) previous Blaztris
       
 (DIR) next Elmtris
       
       
       Related 
       --------
       
 (DIR) [Talk] Tetris4life
 (TXT) Semi generic tetris logo inspired by the Elm logo (.svg) 
 (DIR) Rascal
 (IMG) Rascal Point of View screenshot (.png) 
 (DIR) Tetris for Commodore 64
 (IMG) Tetris screenshot WIP (.png) 
 (DIR) Tetris inner loop MOS6510 / C=64
 (IMG) Tetris Block (.png) 
 (DIR) Hextris C=64
 (IMG) Hextris screenshot WIP (.png) 
 (DIR) Tetris
 (TXT) /img/fallback.svg (.svg) 
 (DIR) Delphi Tetris
 (IMG) Delphi Tetris (.png) 
 (DIR) Pytris
 (TXT) /img/fallback.svg (.svg) 
 (DIR) Blaztris
 (TXT) /img/fallback.svg (.svg) 
 (DIR) Elmtris
 (TXT) Tetris logo inspired by the Elm logo (.svg)