vanilla-modern-js
vanilla-modern-js copied to clipboard
Swiip
Experimental Web app using no framework, no external source code, but all fancy new standards ;)
Vanilla Modern JavaScript
Rules
-
Not a single line of external source code
-
Use of a maximum of modern API both Node side and browser side
-
Anything is allowed as long as it's in a standard and it works on 2 different browser
Currently using
-
Node HTTP/2 native support
-
Full HTTP/2 assets push (the server doesn't even accept request other than
/) -
JavaScript module in the browser
-
Web Components : Custom Elements / Shadow Dom (But no HTML Imports / Template)
-
CSS Variables
-
CSS Grid (used it for the grid but not possible for the tiles as long as transitions doesn't work)
-
Virtual Dom implementation using native HTML parser & diffing directly on real dom
-
Redux clone to manage game state
-
Logic in a WebWorker, unfortunately without modules as they are not yet supported
-
Logic in Rust compiled in WebAssembly!
Cheating or not
-
I rollback using compo to keep everything as vanilla as possible
-
As HTTP/2 is now fully supported by Node, I don't consider it as a dependency
-
There is one real cheat: the JSON parser for Rust. Seriously, I can't dev a new parser from scratch ;)
Application
2048 clone. It's fun, doesn't need backend and is rich enough to trigger some real questions
Swiip