Web components with Custom Elements + es6 modules + vitejs + your perfect polyfills
The Custom Elements specification lays the foundation for designing and using new types of DOM elements.
The ES Modules specification defines the inclusion and reuse of JS documents in a standards based, modular, performant way.
Un polyfill es un fragmento de código (generalmente JavaScript en la Web) que se utiliza para proporcionar una funcionalidad moderna en navegadores antiguos que no lo admiten de forma nativa, y para dar soporte a otros navegadores.
The polyfills are intended to work in the latest versions of evergreen browsers. See below for our complete browser support matrix:
| Polyfill | Edge | IE11+ | Chrome* | Firefox* | Safari 9+* | Chrome Android* | Mobile Safari* |
|---|---|---|---|---|---|---|---|
| Custom Elements | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
| Shady CSS/DOM | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ | ✓ |
- ✅⚔️ : refactoring in css
- ✅⚔️ : modularization with css aplied
- ✅⚔️ : nesting in css
- ❌⚔️ : refactoring in first web component
- ❌⚔️ help with this: aplicar Asynchronous webcomponents-loader.js
- The WebComponents.waitFor
- with multiples components added
- ❌⚔️ : pensando usar como routing esto: https://github.com/colscott/a-wc-router