VanillaJS

Official Documentation

npm install and then...

Start browser client in dev mode

npm start

Start server in dev mode

npm run server

Start node client in dev mode

npm run node-client

Features

• offline capability
• one-way data binding
• uri-based routing
• native app experience
• custom web components
• classes
• module loading
• string templates
• async HTTP calls
• DOM element retrieval

Overview

Web Components are set of three core technologies:

• custom elements
  • customized built-in elements
  • autonmous custom element
• shadow DOM
• HTML templates
• (formerly) HTML Imports

Next (upcoming) specs:

• template instantiation

Reading Material

• https://developers.google.com/web/fundamentals/primers/service-workers/
• https://developers.google.com/web/fundamentals/web-components/shadowdom
• https://bitsofco.de/understanding-the-critical-rendering-path/
• https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_templates_and_slots
• https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements
• https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Template-Instantiation.md