Overblikk

(Vanilje) web komponenter består av eit sett med nettleser-API som lar oss definere gjenbrukbare, isolerte elementer.

Kvifor?

• Rammeverk lar oss lage gjenbrukbare komponenter på effektivt vis. Men denne effektiviteten kjem i byte mot ekstra kode som alle brukere må laste ned. Og dersom me finner på å blande rammeverk i samme applikasjon så får brukerane enda meir å laste ned.
  • react 17.0.1 (4.95kb gzip)
  • react-dom 17.0.1 (34.74kb gzip)
  • vue.js 2.6.12 (33.18kb gzip)
  • preact.js 10.5.7 (4.76kb gzip)
  • angular 11.0.2 (70.41kb gzip)
• Me bruker mykje tid på å lage gjenbrukbare komponenter som er låst til visse økosystem.

Kvifor ikkje?

• Ingen server-side rendering støtte (enda). Se: Deklarativ SkyggeDOM

Ressurser

• ReactJS docs: Web components
• The failed promise of Web Components - Lea Verou
  • Korleis avsporet denne teknologien, og kva kan me gjere for å få den tilbake på skinner?
• MDN Web docs: Web components
• Web Components: It's about Time | Erin Zimmer

Relevante prosjekter

• webcomponents.org
• Polymer project
  • Lansert i 2015.
  • 2018: Annonserte eit skifte mot lit-html (source).
• Open UI
  • Forsøk på å standardisere navngivning på tvers av rammeverk.