|
|
|
|
|
|
by spankalee
3723 days ago
|
|
|
Web components do a lot to alleviate this problem. You get a basic reusable component model in the browser with no framework, and without requiring first jumping into the world of npm/bower. The vanilla JS example is barely longer with web components, and will be much easier to understand once it gets even mildly interesting: <html>
<head>
<script>
class HelloWorld extends HTMLElement {
constructor() {
this.attachShadow().innerHTML = '<h1>"Hello, world!"</h1>';
}
}
customElements.defineElement('hello-world', HelloWorld);
</script>
</head>
<body>
<hello-world></hello-world>
</body>
</html>
|
|
|