Semantic UI React Avantages et Inconvénients

Ce que j'aime chez Semantic UI React, c'est la facilité d'intégration de ses composants dans n'importe quelle application React. Avec les composants prêts à l'emploi, on peut construire une interface utilisateur très légère et belle.

J'ai d'abord découvert Semantic UI avec sa version jQuery et je l'ai choisi en raison de sa simplicité visuelle. Je n'aimais pas vraiment les couleurs et/ou les designs des autres bibliothèques, et en cherchant des alternatives, j'ai trouvé Semantic UI. Depuis, je l'utilise toujours pour mes projets personnels, et lorsque la rapidité est requise, également pour des projets professionnels.

Donc, quand j'ai commencé à utiliser React pour les applications monopage, j'ai évidemment choisi Semantic UI React et je suis très content de ma décision. Avis collecté par et hébergé sur G2.com.

La principale chose que je n'aime pas à propos de Semantic UI React est que personnaliser leurs composants peut être vraiment difficile. À mon avis honnête, ils abusent de la règle CSS '!important', ce qui pose parfois problème lorsque vous devez donner un aspect légèrement personnalisé à leurs composants (par exemple, changer légèrement la couleur d'un bouton).

Une dernière chose que je n'ai pas aimée à propos de la version React de Semantic UI est que les animations ne fonctionnent pas aussi bien que pour sa version jQuery. Par exemple, si vous voulez ajouter une animation lorsque les modaux s'ouvrent, vous devez faire beaucoup de contournements avec le composant Transition. Je veux dire, la transition ne vient pas par défaut avec le composant Modal, et dans certaines occasions, gérer les Transitions peut être assez fastidieux. Avis collecté par et hébergé sur G2.com.

Semantic UI React est le framework CSS. Il a une excellente fonctionnalité où nous pouvons l'intégrer avec React js. Il peut également être utilisé dans Angular et View.Js. Il fournit des composants conçus pour React et aussi certaines classes stylisées par lesquelles, en utilisant le nom de la classe, nous pouvons donner du style à l'élément. Avis collecté par et hébergé sur G2.com.

Il présente certaines limitations, comme le fait que la personnalisation peut être un peu difficile par rapport à l'interface utilisateur matérielle et qu'il est relativement plus cher. Il est fourni sous forme de paquet de modules js qui peuvent être de grande taille. Parfois, il est difficile à utiliser pour un style extraordinaire. Avis collecté par et hébergé sur G2.com.

Semantic UI est facile à utiliser et à intégrer. Je travaille sur une application de chat, les utilisateurs discutent avec leurs amis. J'utilise Semantic UI dans ce projet.

Il contient une grande variété de composants et est facile à utiliser dans notre application, la documentation est bien structurée et conviviale pour les débutants.

La fonctionnalité Tryit et codesandbox est vraiment géniale. Avis collecté par et hébergé sur G2.com.

Bien qu'il contienne une grande variété de composants dans Sematic UI, je n'ai pas trouvé de barre de navigation ou de menu. ou je l'ai manqué. Avis collecté par et hébergé sur G2.com.

Semantic UI est l'une des meilleures bibliothèques d'interface utilisateur avec lesquelles je suis familier. Elle vous offre des composants sans jQuery. L'API est très fluide et vous pouvez l'implémenter dans votre projet comme du beurre. Il y a des composants à gestion d'état automatique qui aident beaucoup. Avis collecté par et hébergé sur G2.com.

Les composants gérés par l'état automatique et les composants gérés par les propriétés peuvent parfois être un casse-tête et peuvent avoir des problèmes auxquels nous ne pouvons pas accéder car ils sont prédéfinis dans la bibliothèque. Nous devons les réécrire, ce qui augmente la complexité du code. Avis collecté par et hébergé sur G2.com.

Je trouve personnellement que cette bibliothèque React est facile à utiliser. Semantic UI React nous offre une dénomination sémantique, un design réactif et un style cohérent. Cela m'a aidé à créer des composants accessibles et une intégration avec l'écosystème React. Avis collecté par et hébergé sur G2.com.

La seule chose que je n'aime pas à propos de cette bibliothèque est qu'elle contient un grand nombre de composants et de styles qui entraînent une taille de bundle importante de l'application. De plus, cette bibliothèque offre un contrôle limité sur le style. Avis collecté par et hébergé sur G2.com.

Ceci est un cadre open source, pour construire l'application web. Avis collecté par et hébergé sur G2.com.

moins de design réactif, sémantique ne prend pas en charge le navigateur Internet Avis collecté par et hébergé sur G2.com.

meilleure bibliothèque pour travailler avec React. aussi, elle a beaucoup de composants prédéfinis, il suffit de les importer et de les utiliser. Avis collecté par et hébergé sur G2.com.

Je n'aime pas la couleur qu'ils fournissent, comme pour les boutons, etc., mais d'un autre côté, nous pouvons changer la couleur de notre côté. Avis collecté par et hébergé sur G2.com.

C'est une bibliothèque frontend très puissante pour React. Elle utilise une feuille de style SCSS au lieu de CSS pour le style. SCSS est plus rapide et meilleur. C'est très facile à apprendre et dispose également d'un fichier de définition TypeScript. Cela aide à créer une application web réactive en fournissant un composant de grille. Cela aide à créer un design cohérent en fournissant des composants d'en-tête et de pied de page. De cette manière, elle a beaucoup de composants intégrés que nous pouvons ajouter selon notre utilisation. Avis collecté par et hébergé sur G2.com.

Il a encore des problèmes avec les appareils mobiles tels que l'iphone. Certains anciens navigateurs causent également des problèmes. Il manque certains composants tels que le sélecteur de couleurs et l'entrée de date et d'heure. Avis collecté par et hébergé sur G2.com.

Installation et utilisation simples. Une autre chose est également l'utilisation de feuilles de style SCSS au lieu de CSS en JS. L'utilisation de SCSS permet à l'utilisateur de créer des vues plus rapides et plus personnalisées que celles créées en CSS en JS. Il dispose également d'un fichier de définition TypeScript qui est plutôt bon. Avis collecté par et hébergé sur G2.com.

Il semble un peu "verbeux", il est suffisamment bon pour l'utiliser dans les panneaux d'administration internes mais probablement pas pour la page d'accueil du site web. Il manque également certaines fonctionnalités essentielles telles que l'entrée de date et heure, l'entrée de balises, le sélecteur de couleur et l'autocomplétion. Avis collecté par et hébergé sur G2.com.

The default components are really easy to use and fit the fast developing norms Avis collecté par et hébergé sur G2.com.

It is harder to make custom components and reuse the on other pages Avis collecté par et hébergé sur G2.com.