create-kolibri

2.0.14 • Public • Published

Create-KoliBri

KoliBri - Public-UI Logo

Mittels der CLI create-kolibri können über die Konsole verschiedene Projekte auf Basis der Komponenten-Bibliothek KoliBri erstellt werden.

Projektarten

Es gibt folgende Arten von Projekten:

Get Stared

Neues Projekt erstellen

Ein neues Projekt kann mit Hilfe der Konsole schnell erstellt werden.

npm init kolibri@latest my-kolibri-app

Zeigt wie man mit create-kolibri eine neue App anlegen kann.


Framework-Adapter

Für eine optimale Developer Experience bieten wir zahlreiche Framework-Adapter für KoliBri an.

Übersicht

Folgende Pakete/Artefakte von KoliBri werden in der öffentlichen NPM-Registry versioniert bereitgestellt.

Paket Erläuterung
create-kolibri CLI zum Erstellen neuer Projekt auf KoliBri-Basis.
@public-ui/components Beinhaltet die barrierefreien Web Components ohne Styling.
@public-ui/core Beinhaltet generische Typen und zentrale Funktionalitäten für die Entwicklung weiterer Komponenten-Bibliothek mit gleicher Architektur.
@public-ui/schema Beinhaltet das Schema für die KoliBri-Komponenten.
@public-ui/themes Beinhaltet zahlreiche Themes für die KoliBri-Komponenten.
@public-ui/react Adapter für das Framework React.
@public-ui/preact Adapter für das Framework Preact.
@public-ui/solid Adapter für das Framework Solid.
@public-ui/vue Adapter für das Framework Vue.
@public-ui/angular-v15 Adapter für das Framework Angular v15.
@public-ui/angular-v14 Adapter für das Framework Angular v14.
@public-ui/angular-v13 Adapter für das Framework Angular v13.
@public-ui/angular-v12 Adapter für das Framework Angular v12.
@public-ui/angular-v11 Adapter für das Framework Angular v11.
@public-ui/angular Dieses Paket ist veraltet, weil Angular versionsspezifische Adapter benötigt.

Integrationsvarianten

KoliBri wird aktuell in folgenden Varianten angeboten:

Client-Side-Frameworks

Statischen Webseiten Dynamische Webanwendungen
Technische sind Web Components, wie sie in KoliBri enthalten sind, wie auch Standard HTML universell wiederverwendbar. Für Umsetzung von dynamischen Webanwendungen gibt es eine Reihe von Frameworks für die KoliBri wiederverwendet werden kann. Abhängig vom Framework ist die Bereitstellung von KoliBri unterschiedlich. Besonders gut geeignet sind dabei JSX/TSX basierte Frameworks, wie React oder Solid, da hier die maximalen Möglichkeiten der Typ-Unterstützung und Autovervollständung möglich sind. Hingegen bei Frameworks mit eigener Template-Sprachen, wie Angular, Vue oder Svelte, ist die Entwicklungsunterstützung unterschiedlich gut umsetzbar.
Framework
Web Components ohne Framework Web Components ohne Framework

Alle Komponenten von KoliBri sind gemäß dem Web Components Standard umgesetzt. Somit können die Komponenten in der Regel in allen modernen Projekten wiederverwendet werden. KoliBri lässt sich einbinden wie JQuery und ist somit auch für Server-Side-Rendering, wie bspw. PHP, JSF usw., interessant.
React-Framework React-Components (empfohlen)

Alternativ zu den reinen Web Componenten bieten wir einen Adapter für React an. Es wird so sichergestellt, dass sich die Web Component möglichst nahtlos und voll typisiert in die Entwicklung integriert.
Angular-Framework Angular-Components (>= 11)

Alternativ zu den reinen Web Componenten bieten wir einen Adapter für Angular an. Es wird so sichergestellt, dass sich die Web Component möglichst nahtlos und voll typisiert in die Entwicklung integriert.
Vue-Framework Vue-Components

Alternativ zu den reinen Web Componenten bieten wir einen Adapter für Vue an. Es wird so sichergestellt, dass sich die Web Component möglichst nahtlos und voll typisiert in die Entwicklung integriert.
Solid-Framework Solid-Components

Alternativ zu den reinen Web Componenten bieten wir einen Adapter für Solid an. Es wird so sichergestellt, dass sich die Web Component möglichst nahtlos und voll typisiert in die Entwicklung integriert.
Preact-Framework Preact-Components (experimentell)

Alternativ zu den reinen Web Componenten bieten wir einen Adapter für Preact an. Es wird so sichergestellt, dass sich die Web Component möglichst nahtlos und voll typisiert in die Entwicklung integriert.

Server-Side-Frameworks

Framework
Astro-Framework Astro-Framework (CSR der Web Components)

Die Integration erfolgt mittels der React- und Preact-Components. Hierbei werden die Framework-Componentens Server-seitig und die Web Components client-seitig gerendert.
Next.js-Framework Next.js-Framework (CSR der Web Components)

Die Integration erfolgt mittels der React-Components. Hierbei werden die Framework-Componentens Server-seitig und die Web Components client-seitig gerendert.
Remix-Framework Remix-Framework (offen)

Die Integration erfolgt mittels der React-Components (CSR der Web Components). Hierbei werden die Framework-Componentens Server-seitig und die Web Components client-seitig gerendert.

Changelog

1.1.19

  • fix image uri in readme
  • fix angular dependency versions (zone.js, typescript)

1.1.18

  • fix missing .npmrc in defaults
  • chore update e2e test samples

1.1.17

Package Sidebar

Install

npm i create-kolibri

Weekly Downloads

214

Version

2.0.14

License

EUPL-1.2

Unpacked Size

35.7 kB

Total Files

5

Last publish

Collaborators

  • m.oppitz
  • itzbund