Semantic UI React Vor- und Nachteile

Was ich an Semantic UI React liebe, ist, wie einfach es ist, seine Komponenten in jede React-Anwendung zu integrieren. Mit den sofort einsatzbereiten Komponenten kann man eine sehr leichte und schöne Benutzeroberfläche erstellen.

Ich habe Semantic UI zuerst mit seiner jQuery-Version kennengelernt und es wegen seiner visuellen Einfachheit gewählt. Ich mochte die Farben und/oder Designs anderer Bibliotheken nicht wirklich, und bei der Suche nach Alternativen fand ich Semantic UI. Seitdem verwende ich es immer für meine persönlichen Projekte und, wenn Geschwindigkeit erforderlich ist, auch für professionelle.

Als ich also anfing, React für SPAs zu verwenden, habe ich natürlich Semantic UI React gewählt und bin sehr zufrieden mit meiner Entscheidung. Bewertung gesammelt von und auf G2.com gehostet.

Das Hauptproblem, das ich mit Semantic UI React habe, ist, dass die Anpassung ihrer Komponenten wirklich herausfordernd sein kann. Meiner ehrlichen Meinung nach missbrauchen sie die CSS-Regel '!important', was manchmal ein Problem darstellt, wenn man ihren Komponenten ein leicht angepasstes Aussehen geben möchte (z.B. die Farbe eines Buttons leicht ändern).

Ein weiteres Problem, das ich mit der React-Version von Semantic UI hatte, ist, dass Animationen nicht so gut funktionieren wie in der jQuery-Version. Zum Beispiel, wenn man eine Animation hinzufügen möchte, wenn Modale geöffnet werden, muss man viele Umgehungslösungen mit der Transition-Komponente anwenden. Ich meine, die Transition kommt nicht standardmäßig mit der Modal-Komponente, und in einigen Fällen kann der Umgang mit Transitions ziemlich mühsam sein. Bewertung gesammelt von und auf G2.com gehostet.

Semantic UI React ist das CSS-Framework. Es hat eine großartige Funktion, bei der wir es mit React js integrieren können. Es kann auch in Angular und View.Js verwendet werden. Es bietet gestaltete Komponenten für React und auch einige gestylte Klassen, durch die wir mithilfe des Klassennamens dem Element Styling geben können. Bewertung gesammelt von und auf G2.com gehostet.

Es kommt mit einigen Einschränkungen, wie zum Beispiel, dass die Anpassung im Vergleich zu Material-UI etwas schwierig sein kann und es im Vergleich dazu mehr kostet. Es kommt im Paket von JS-Modulen, die möglicherweise groß in der Größe sind. Manchmal ist es schwierig zu verwenden für außergewöhnliches Styling. Bewertung gesammelt von und auf G2.com gehostet.

Semantic UI ist einfach zu verwenden und zu integrieren. Ich arbeite an einer Chat-Anwendung, bei der Benutzer mit ihren Freunden chatten. Ich verwende Semantic UI in diesem Projekt. Es enthält eine große Vielfalt an Komponenten und ist einfach in unserer Anwendung zu verwenden, die Dokumentation ist gut strukturiert und anfängerfreundlich. Die Tryit- und Codesandbox-Funktion ist wirklich großartig. Bewertung gesammelt von und auf G2.com gehostet.

Obwohl es eine Vielzahl von Komponenten in Sematic UI enthält, habe ich keine Navbar oder kein Menü gefunden. oder ich habe es übersehen. Bewertung gesammelt von und auf G2.com gehostet.

Semantic UI ist eine der besten UI-Bibliotheken, mit denen ich vertraut bin. Sie bietet Komponenten, die jQuery-frei sind. Die API ist sehr reibungslos und man kann sie mühelos in ein Projekt integrieren. Es gibt automatisch zustandsverwaltete Komponenten, die sehr hilfreich sind. Bewertung gesammelt von und auf G2.com gehostet.

Der automatisch verwaltete Zustand und die durch Eigenschaften verwalteten Komponenten können manchmal problematisch sein und Probleme aufweisen, auf die wir nicht zugreifen können, da sie in der Bibliothek vordefiniert sind. Wir müssen sie überschreiben, was die Komplexität des Codes erhöht. Bewertung gesammelt von und auf G2.com gehostet.

Ich persönlich fand diese React-Bibliothek einfach zu verwenden. Semantic UI React bietet uns semantische Benennung, responsives Design und konsistente Gestaltung. Es half mir, zugängliche Komponenten zu erstellen und die Integration mit dem React-Ökosystem. Bewertung gesammelt von und auf G2.com gehostet.

Das eine, was mir an dieser Bibliothek nicht gefällt, ist, dass sie eine große Anzahl von Komponenten und Stilen enthält, was zu einer großen Bundle-Größe der Anwendung führt. Auch bietet diese Bibliothek nur begrenzte Kontrolle über das Styling. Bewertung gesammelt von und auf G2.com gehostet.

Dies ist ein Open-Source-Framework, um die Webanwendung zu erstellen. Bewertung gesammelt von und auf G2.com gehostet.

weniger reaktionsfähiges Design, Semantik unterstützt keinen Internetbrowser Bewertung gesammelt von und auf G2.com gehostet.

beste Bibliothek zur Arbeit mit React. Außerdem hat sie viele vordefinierte Komponenten, die wir nur importieren und verwenden müssen. Bewertung gesammelt von und auf G2.com gehostet.

Ich mag die Farbe nicht, die sie bereitstellen, wie zum Beispiel für Schaltflächen usw., aber andererseits können wir die Farbe bei uns ändern. Bewertung gesammelt von und auf G2.com gehostet.

Es ist eine sehr leistungsstarke Frontend-Bibliothek für React. Sie verwendet SCSS-Stilblätter anstelle von CSS für das Styling. SCSS ist schneller und besser. Es ist sehr einfach zu lernen und hat auch eine Typescript-Definitionsdatei. Es hilft, eine responsive Web-App zu erstellen, indem es ein Grid-Komponente bereitstellt. Es hilft, ein konsistentes Design zu erstellen, indem es Header- und Footer-Komponenten bereitstellt. Auf diese Weise hat es viele eingebaute Komponenten, die wir je nach Bedarf hinzufügen können. Bewertung gesammelt von und auf G2.com gehostet.

Es hat immer noch Probleme mit mobilen Geräten wie dem iPhone. Einige alte Browser verursachen ebenfalls Probleme. Es fehlen einige Komponenten wie Farbwähler und Datumszeiteingabe. Bewertung gesammelt von und auf G2.com gehostet.

Einfache Installation und Nutzung. Eine weitere Sache ist die Verwendung von SCSS-Stylesheets anstelle von CSS in JS. Die Verwendung von SCSS ermöglicht es dem Benutzer, schnellere und individuellere Ansichten zu erstellen als die, die in CSS in JS erstellt wurden. Es hat auch eine TypeScript-Definitionsdatei, die ziemlich gut ist. Bewertung gesammelt von und auf G2.com gehostet.

Es sieht ein wenig "wortreich" aus, es ist gut genug, um es in internen Verwaltungspanels zu verwenden, aber wahrscheinlich nicht für die Startseite der Website. Es fehlen auch einige wesentliche Funktionen wie Datetime-Eingabe, Tag-Eingabe, Farbwähler und Autovervollständigung. Bewertung gesammelt von und auf G2.com gehostet.

The default components are really easy to use and fit the fast developing norms Bewertung gesammelt von und auf G2.com gehostet.

It is harder to make custom components and reuse the on other pages Bewertung gesammelt von und auf G2.com gehostet.