Web Components | search
Click here to view Web Components news from 60+ newspapers.
Bookmark or Share- My approach to HTML web components - simonwillison.netBut I do think web components can replace jQuery and other approaches to scripting the DOM. Jeremy likes naming components with their element as a prefix (since all element names must contain at least one hyphen), and suggests building components under the single responsibility principle - so you can do things like
- Custom Elements v1 - Reusable Web ComponentsWith Custom Elements, web developers can create new HTML tags, beef-up existing HTML tags, or extend the components other developers have authored. The API is the foundation of web components. It brings a web standards-based way to create reusable components using nothing more than vanilla JS/HTML/CSS.
- Web Components Overview | Microsoft LearnThis section provides a live catalog of components to help you understand the full set of Fluent UI Web Components and their features. The @fluentui/web-components library are web components built on top of Microsoft's web component and design system foundation, FAST.
- Using custom elements - Web APIs | MDN - MDN Web DocsOne of the key features of web components is the ability to create custom elements: that is, HTML elements whose behavior is defined by the web developer, that extend the set of elements available in the browser. This article introduces custom elements, and walks through some examples.
- Using shadow DOM - Web APIs | MDN - MDN Web DocsThink for example of a
More
