Descarga de cwco - Descarga del código fuente de cwco

cwco

Componentes de terceros

Release 1.7.8

Descargar

CWCO

Biblioteca de componentes web contextfull creada para mejorar la experiencia del usuario de los componentes web nativos con:

✅ ¡No se requiere compilación (enchufe y reproducción)!
✅ Funciona con otras bibliotecas y marcos como React, Angular, Vue, Svelte, etc.
✅ Plantilla verdaderamente reactiva
✅ Potentes directivas incorporadas (incluida la capacidad de crear la suya)
✅ Manejo de datos de contexto incorporado
✅ Evento y enlace de datos en HTML y CSS
✅ Crear vista directamente en el archivo HTML
✅ API simple
✅ Representación rápida
✅ Paquete liviano

Documentación (cwco.beforesemicolon.com)

Empezando
Componente web
ContextProviderComponent
Configuraciones
Plantilla
Estilo
Eventos
Atributos
Propiedades
Contexto
Directivas
Directivas personalizadas
Livecycles
Manejo de errores

Instalar

Este módulo también se puede usar directamente en el navegador en el entorno de nodo. Incluso puede usarlo junto con otras bibliotecas web y marcos como React y Angular .

Navegador

 <!-- use the latest version -->
< script src =" https://unpkg.com/cwco/dist/cwco.min.js " > </ script >

<!-- use a specific version -->
< script src =" https://unpkg.com/[email protected]/dist/cwco.min.js " > </ script >

<!-- link your app script after -->
< script src =" app.js " > </ script >

Nodejs

 npm install cwco

Luego puede importar la clase de constructores de acuerdo con lo que está construyendo.

 const { WebComponent , ContextProviderComponent , Directive } = require ( 'cwco' ) ;

Editores e ides de código

CWCO es solo HTML y si desea resaltar sintaxis para VSCode, puede usar el HTML en línea

VCODE

Para la resaltura de sintaxis de HTML y CSS en JavaScript, use complementos en línea HTML o lit-html.

Puede importar html desde cwco que es solo una ayuda para VScode que no hace nada especial para la cadena HTML con la que la usa.

 import { html , css , WebComponent } from "./cwco" ;

class MyButton extends WebComponent {
  get template ( ) {
    return html `<button><slot></slot></button>`
  }
  
  get stylesheet ( ) {
    return css `<style>button {color: #222}</style>`
    // or 
    // return css`button {color: #222}`
  }
}