The fast-element library is a lightweight means to easily build performant, memory-efficient, standards-compliant Web Components.
To define a custom element, begin by creating a class that extends FASTElement and decorate it with the @customElement decorator, providing the element name.
While you can create and update nodes in the Shadow DOM manually, FASTElement provides a streamlined templating system for the most common rendering scenarios.
In addition to declaring dynamic parts of templates with expressions, you also have access to several powerful directives, which aid in common scenarios.
Observables and State
To enable binding tracking and change notification, properties must be decorated with either @attr or @observable.
Working with Shadow DOM
See how our custom elements can be composed together with standard HTML or other custom elements.
Similar to HTML, FASTElement provides a css tagged template helper to allow creating and re-using CSS.
Now that you're familiar with the robust and powerful features of FASTElement, you're ready to build your own components and apps.