DEV Community

Cover image for Age of Spaghetti Code
Peter Vivo
Peter Vivo

Posted on • Edited on

1

Age of Spaghetti Code

I writen this game POC (2015), before I knew about git and js building system, so whole program written in a single JS file 11277 LOC on the final version.

I write not just a code, but the "documentation" also. I found a 1400 LOC single I wrote down my thights, and that part is just a greatest continous "markdown" parts.

Technically this is not just 1 game, but a 2D pixi.js powered CCG and a Three.js powered 3D space station are, where I can even go inside one of spaceship interiour, where is a room with a alien player play this card game around a table.

Suddenly this project ended, when startup ( hired me as graphic designer ) are splited and after finished.

But my coding practice at that time was really simple: I just open my editor: notepad ++, and open program local on browser.

develop / build process:

before age of hot reload

  • write a code
  • ctrl + S : save
  • ctrl + R : refresh the browser

perfect editor setup:

I using following 3 shortkey to navigate in code at lightning fast:

  • alt + left arrow : mark/delete jump point to current line
  • alt + up arrow : jump to previous jump point
  • alt + down arrow : jump to next jump point

KISS

I was inserted this to a React -> No Framework series because this is the moment before I was begin to work as React developer.

But the true full series name is:
Z80 -> Flash -> No-Build -> React -> No-Framework

Top comments (0)

11 Tips That Make You a Better Typescript Programmer

typescript

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields

...

Read the whole post now!