Postřehy k Webovým komponentám

[jaandrle]

• [x] WebReflection/uce-template: A Vue 3 inspired Custom Elements toolless alternative.
  • [x] A new Web Components wonder. Heavily inspired by the recent Vue 3… | by Andrea Giammarchi | Medium
• [x] Lea Verou on Twitter: "[New blog post!]: The failed promise of Web Components https://t.co/qtQgOXaCT3 This started as a series of tweets, but I quickly realized I needed something more long form to properly unfold my thoughts." / Twitter
• [x] literallylara/ichigui: A lightweight web component framework.
• [x] Hydrophobefireman/qwc: Quick Easy WebComponents
• [x] step-08-css-framework/index.html · master · lit-element-softly / vanilla-web-components · GitLab
• [x] LeaVerou/html-syntax-guidelines
• [x] webcomponents/Declarative-Custom-Elements-Strawman.md at gh-pages · WICG/webcomponents
• [x] ankar71/observed-state: A demo that shows how state management can implemented using uce-template

[jaandrle]

Postřehy k Webovým komponentám

V tomto příspěvku se podíváme na několik zajímavých projektů a myšlenek týkajících se webových komponent. Nejprve se zaměříme na nástroje a frameworky, které nám mohou usnadnit práci s webovými komponentami, a poté se podíváme na některé kritické postřehy a návrhy na zlepšení.

Nástroje a frameworky

uce-template

uce-template je nástroj inspirovaný Vue 3 pro tvorbu webových komponent bez použití buildovacích nástrojů. Více informací naleznete v článku od Andrea Giammarchi.

ichigui

ichigui je lehký framework pro webové komponenty.

qwc

qwc nabízí rychlé a jednoduché vytvoření webových komponent.

vanilla-web-components

Tento příklad z vanilla-web-components ukazuje, jak použít CSS framework s webovými komponentami.

Kritické postřehy a návrhy na zlepšení

The failed promise of Web Components

Lea Verou ve svém příspěvku kritizuje slib webových komponent a uvádí, že potřebujeme lepší způsoby, jak řešit jejich nedostatky.

html-syntax-guidelines

V html-syntax-guidelines Lea Verou shrnuje zásady a doporučení pro psaní čistého a srozumitelného HTML kódu.

Declarative Custom Elements Strawman

Tento návrh z WICG se zabývá deklarativním způsobem definování webových komponent.

observed-state

observed-state je demo, které ukazuje, jak lze implementovat správu stavu pomocí uce-template.