Téléchargement de cwco - Téléchargement du code source cwco

cwco

Composants tiers

Release 1.7.8

Télécharger

CWCO

Bibliothèque de composants Web Contextfull créé pour améliorer l'expérience utilisateur des API des composants Web natifs avec:

✅ Aucune construction requise (plug and play)!
✅ Fonctionne avec d'autres bibliothèques et frameworks comme React, Angular, Vue, Svelte, etc.;
✅ Modèle vraiment réactif
✅ Directives intégrées puissantes (y compris la capacité de créer la vôtre)
✅ Gestion des données de contexte intégré
✅ Blocation des événements et des données dans HTML et CSS
✅ Créer une vue directement dans le fichier html
✅ API simple
✅ Rendu rapide
✅ Package léger

Documentation (cwco.beforesemicolon.com)

Commencer
Webcomponent
ContextproviderComponent
Configurations
Modèle
Coiffage
Événements
Attributs
Propriétés
Contexte
Directives
Directives personnalisées
Livecycles
Gestion des erreurs

Installer

Ce module peut également être utilisé directement dans le navigateur dans un environnement de nœud. Vous pouvez même l'utiliser avec d'autres bibliothèques Web et frameworks comme React et Angular .

Navigateur

 <!-- 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

Vous pouvez ensuite importer la classe des constructeurs en fonction de ce que vous construisez.

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

Code éditeurs et ides

CWCO est juste HTML et si vous voulez une mise en surbrillance de syntaxe pour VScode, vous pouvez utiliser la ligne en ligne-HTML

Vscode

Pour la mise en évidence de la syntaxe de HTML et CSS dans JavaScript, utilisez des plugins en ligne-HTML ou LIT-HTML.

Vous pouvez importer html à partir de cwco ce qui est juste une aide pour VScode qui ne fait rien de spécial à la chaîne HTML avec laquelle vous l'utilisez.

 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}`
  }
}