upgraded-element

A simple base class for using Web Components

Usage no npm install needed!

<script type="module">
  import upgradedElement from 'https://cdn.skypack.dev/upgraded-element';
</script>

README

<๐Ÿ”ผ>UpgradedElement</๐Ÿ”ผ>

Intuitive, deterministic, and extendable base class enabling modern architecture strategies in Web Components.


Version License Circle CI status (master) bundle size dependencies devDependencies

๐Ÿงพ Explore

Install

You can use UpgradedElement through one of three ways.

NPM or Yarn

$ npm i upgraded-element

or

$ yarn i upgraded-element

Raw Files

ES Module / CommonJS Module / Browser Bundle / Browser Bundle (minified)

CDN

<!-- Use the unminified bundle in development -->
<script
  type="text/javascript"
  src="https://cdn.jsdelivr.net/npm/upgraded-element@0.6.5/dist/upgraded-element.js"
  integrity="sha256-o5M70VzBttd90Qm7sslE0bEmTgkJx155EC+WX7XuIXM="
  crossorigin="anonymous"
></script>

<!-- Or use the minified/uglified bundle in production -->
<script
  type="text/javascript"
  src="https://cdn.jsdelivr.net/npm/upgraded-element@0.6.5/dist/upgraded-element.min.js"
  integrity="sha256-Qeu676eS2QkVwOf1m8cPBwNaV2pavLjUfLVeNx7XcUY="
  crossorigin="anonymous"
></script>

Getting Started

So you're ready to take the dive? Awesome! Check out the wiki articles below on getting started. If you run into any problems or simply have ideas and suggestions, don't be shy about submitting an issue or pull request!

Browser Support

UpgradedElement will work as-is in all major browsers, except IE11 and Opera Mini. The package contains no polyfills.

To polyfill the modern features, here are the necessary ones for at least IE11:

Performance

Performance is taken seriously. Under the hood is a blazing fast string-based renderer with a predictable batched rendering mechanism.

Contribute

If you like the project or find issues, feel free to contribute!