Proč webové komponenty mění hru u design systémů

Design systémy už dávno nejsou jen hezký nápad. Staly se základem, na kterém dnes většina týmů staví konzistentní rozhraní. Jenže v posledních letech se do toho vplížila jedna zásadní chyba: komponenty se začaly psát přímo v konkrétních frameworkách.

Představte si, že vytvoříte univerzální nabíječku, ale pak ji napevno připájíte k jednomu telefonu. Přesně to se stalo s design systémy – místo aby fungovaly všude, skončily zavřené v Reactu, Vue nebo Angularu.

Kde se to pokazilo

Potřeba konzistence a znovupoužitelnosti tu byla vždy. Problém nastal ve chvíli, kdy se komponenty začaly psát pro konkrétní framework. Tím vznikla nepříjemná situace: buď používáte daný design systém (a tedy i framework), nebo si komponenty píšete sami. To ale není skutečný design systém – spíš jen knihovna pro jeden nástroj.

Webové standardy už přitom nabízejí řešení, které s tímto omezením nepočítá. Webové komponenty, postavené na custom elements a shadow DOM, umožňují vytvářet prvky, které fungují nezávisle na frameworku.

Co webové komponenty nabízejí

Webové komponenty nejsou novinka a ani žádný trend. Ale právě pro přesně takou aplikace,像设计系统, nabízejí praktické výhody:

• Nezávislost na frameworku: Komponenty fungují v Reactu, Vue, Svelte i v čistém JavaScriptu. Tady se nejeddeboud