Vielleicht haben Sie schon von KendoReact gehört (oder sogar damit gearbeitet!). Es ist mir in einigen meiner täglichen Gespräche aufgefallen, insbesondere in denen über die Arbeit mit Designsystemen und React. Man könnte es als eine Komponentenbibliothek wie Bootstrap oder Material Design betrachten, nur dass die Komponenten in KendoReact weitaus robuster sind. Dies sind interaktive, zustandsgesteuerte Komponenten, die sofort einsatzbereit sind, um vollwertige Benutzeroberflächen zu erstellen (ganz zu schweigen davon, dass Sie Bootstrap als Thema verwenden können, wenn Sie möchten).
Immer wenn Sie über die Verwendung einer UI-Bibliothek nachdenken, müssen Sie über die Styling-Möglichkeiten nachdenken. Können Sie Ihre Marke damit wirklich ausdrücken? Waren sie *dazu bestimmt*, gestylt zu werden? Wie wird die Styling-Erfahrung sein?
Glücklicherweise macht KendoReact Styling wirklich zu einem erstklassigen Bürger der gesamten UI-Bibliothek.
KendoReact ist eine Sammlung von UI-Komponenten zum Erstellen von Websites. Es ist eine ziemlich massive Sammlung. Über 80 nach meiner Zählung, und das schließt die Kindkomponenten von Schwergewichten wie der <Grid />-Familie nicht ein.
Hier ist eine, das <DropDownList />, und nur mit dem Standard-Theme (selbst das ist optional)
Wenn ich das stylen möchte, brauche ich keine speziellen proprietären Fähigkeiten, ich kann einfach CSS verwenden. Hier zwinge ich ihm mit ein paar einfachen CSS einen ganz neuen Look auf, mit anderen Farben und Schriftarten.
Aber hey, vielleicht möchten Sie etwas systematischer vorgehen, als zufälliges Override-CSS zu verwenden. Ich mache Ihnen keinen Vorwurf. Gute Nachrichten: KendoReact-Themes werden mit Sass betrieben. Sie können also viele der Farbgebung und des Stylings steuern, indem Sie einfach ein paar Sass-Variablen ändern.
Sie haben einen ganzen Theme-Builder, den Sie direkt auf ihrer Website verwenden können, der genau das ausspuckt, was Sie brauchen. Sagen wir, Sie möchten von ihrem Basisthema ausgehen und von dort aus weitermachen, wählen Sie das Standard-Theme aus
Dann können Sie mit all den Farben in der Benutzeroberfläche nach Belieben spielen. Hier probiere ich ein Theme mit einigen CSS-Tricks-Farben aus.
Ich kann das von der Website herunterladen, was mir die Variablen als SCSS-Datei liefert, die ich vor dem Standard-Theme in meinem Build anwenden kann (es gibt ein großartiges Tutorial, das erklärt, wie das geht im Telerik-Blog). Außerdem erhalte ich die ganze CSS-Datei des Themes, wenn ich es so verwenden möchte, was einfach und schnell ist. Hier benutze ich ihr Konversations-Chat-Widget mit diesem Theme
Auch hier kann ich mit Bootstrap beginnen, ich kann mit Material beginnen, ich kann mit ihrem Standard-Theme beginnen oder ich kann von Grund auf neu beginnen. Das Styling liegt ganz bei mir. Jedes Theme hat seine Vorteile und, wie Sie vielleicht erwarten, ist es sehr flexibel, wenn es um die Konfiguration von Farben, Schriftarten und anderen Designelementen geht.
Wenn Sie sich wirklich damit beschäftigen, werden Sie natürlich ihre Dokumentation konsultieren und sich dort zurechtfinden (es ist gut zu wissen, dass sie eine sehr umfassende Dokumentation haben). Es ist aber alles ziemlich unkompliziert, Sie werden das gut hinbekommen! Wenn Sie schnell eine zustandsgesteuerte interaktive Benutzeroberfläche erstellen müssen, ohne dabei auf Anpassbarkeit oder Leistung zu verzichten, werden Sie feststellen, dass KendoReact Ihr Freund ist.