upgraded-element
v0.6.5
Published
A simple base class for using Web Components
Downloads
76
Maintainers
Readme
🧾 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/[email protected]/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/[email protected]/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!
- Getting started
- Add a view
- Add styles
- Properties & state
- Custom properties
- Lifecycle methods
- DOM events
- Internal methods
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:
- Symbols (import via npm as
core-js/features/symbol
) - Web Components
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!