Wir sind auf der IETA-Konferenz in Florenz, lassen Sie uns treffen!

Meeting buchen
Aktiv Werden
Tree.ly Logo
Aktiv Werden
Angebot für Unternehmen

Angebot für Unternehmen

Klimaschutzlösungen für Unternehmen

Angebot für Privatpersonen

Angebot für Privatpersonen

Unterstütze Klimaschutzprojekte als Privatperson

Kundenstories

Kundenstories

Inspirierende Geschichten unserer Kunden

EinloggenMeeting buchen
Ein Bild mit mehrere Boemly Komponenten
Zurück zur Übersicht

Wir stellen vor: Boemly, unsere Komponenten- bibliothek für React

17.3.2022

|

Ein Bild von Lukas Bals

Lukas Bals

Ein Bild mit mehrere Boemly Komponenten

Wir freuen uns sehr, unsere brandneue Komponentenbibliothek für React vorstellen zu können - Boemly. Boemly basiert auf der weithin bekannten Open-Source-Komponentenbibliothek ChakraUI, die auf Barrierefreiheit und Geschwindigkeit ausgerichtet ist. Boemly konzentriert sich auf dieselben Werte und ergänzt ChakraUI mit einigen netten Komponenten, die vom Tree.ly-Team konzipiert und gebaut wurden. Boemly bietet eine begrenzte Anzahl von Anpassungen, um es einfach zu halten, nur die wichtigsten Tokens wie Schriftarten, Farben, Radii, ... können angepasst werden.

Wie benutzt man Boemly?

Die Verwendung von Boemly ist schnell erklärt und einfach zu verstehen. Es basiert auf dem weithin bekannten Provider-Pattern in React. Man muss die gesamte App in den BoemlyThemeProvider verpacken und dann die Komponenten der Bibliothek verwenden. Ein kleines Beispiel:

import { Button, BoemlyThemeProvider } from 'boemly';

function App() {
  return (
    <BoemlyThemeProvider>
      <Button>Button</Button>
    </BoemlyThemeProvider>
  );
}

export default App;

Nützliche Links:

  • Dokumentation → https://boemly.tree.ly

  • GitHub → https://github.com/treely/boemly (Don’t forget to star!)

  • NPM → https://www.npmjs.com/package/boemly

Technische Details

Boemly ist zu 100% in Typescript geschrieben und folgt den hohen Codingstandards von Tree.ly. Genau wie ChakraUI verwendet Boemly Emotion für das Styling und Framer Motion für flüssige Animationen. Um die Qualität des Codes zu gewährleisten, wurde eine automatisierte Linting-, Test- und Deploypipeline eingerichtet. Deploy early - fail fast!

Open-Source

Boemly ist ein Open-Source-Projekt und hat bereits einige Mitwirkende gefunden. Wir bei Tree.ly glauben an den Wert einer engagierten Entwicklergemeinschaft. Deshalb wollen wir so viel wie möglich Open-Source machen und unsere Mitarbeiter ermutigen, zu Open-Source-Projekten beizutragen, wann immer sie wollen. Boemly ist das erste Open-Source-Projekt unseres jungen Unternehmens - Contributions sind willkommen - don’t be afraid of being wrong.