POC demonstrating how to build standard Web Components using some reactive programming concepts.
The idea is to build custom elements (with or without Shadow DOM) using HyperHTML as template rendering engine and RxJS to handle the few behaviors inside of them.
The result should be a mix of performance and best practice, since:
- scoped styles are handled by Shadow DOM (Web standard)
- element registration is done using Custom Elements APIs (Web standard)
- data bind and templating provided by HyperHTML is obtained via template literals (another Web standard)
As usual, on terminal:
$ npm install
--- then ---
$ npm start
then open browser at http://localhost:8081/.
That's all.
Released under MIT license.