Skip to content

Experimental Web app using no framework, no external source code, but all fancy new standards ;)

Notifications You must be signed in to change notification settings

Swiip/vanilla-modern-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vanilla Modern JavaScript

Rules

  1. Not a single line of external source code

  2. Use of a maximum of modern API both Node side and browser side

  3. 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

About

Experimental Web app using no framework, no external source code, but all fancy new standards ;)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published