Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/swiip/vanilla-modern-js

Experimental Web app using no framework, no external source code, but all fancy new standards ;)
https://github.com/swiip/vanilla-modern-js

Last synced: 12 days ago
JSON representation

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

# Vanilla Modern JavaScript

## Rules

1. Not a single line of external source code

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

1. 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](https://github.com/Swiip/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