Frameworks

KoliBri kann zur Umsetzung webbasierten Benutzeroberflächen verwendet werden.

Installation

Alle Pakete/Artefakte von KoliBri werden in der öffentlichen versioniert bereitgestellt.

Integrationsvarianten

KoliBri wird aktuell in folgenden Varianten angeboten:

Client-Side-Frameworks

Statische 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 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 PHP, JSF usw., interessant.
	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.
	Solid-Components Alternativ zu den reinen Web Components 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.
	Angular-Components (>= 15) Alternativ zu den reinen Web Components 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-Components Alternativ zu den reinen Web Components 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.
	Preact-Components (experimentell) Alternativ zu den reinen Web Components 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.
	Svelte-Components (offen) Alternativ zu den reinen Web Components bieten wir einen Adapter für Svelte an. Es wird so sichergestellt, dass sich die Web Component möglichst nahtlos und voll typisiert in die Entwicklung integriert.
	Ember-Components (offen) Alternativ zu den reinen Web Components bieten wir einen Adapter für Ember 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 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 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.

Aktuelle Trends