Material UI Avantages et Inconvénients

La grille et la typographie sont l'un des composants les plus utiles dans Material UI. Avis collecté par et hébergé sur G2.com.

La première fois que nous abordons l'interface utilisateur matérielle, nous rencontrons quelques difficultés à intégrer mon application React. Avis collecté par et hébergé sur G2.com.

Il a des composants bien conçus qui répondent aux besoins de l'utilisateur. Il est très facile de définir un thème global pour des composants individuels. Il a déjà des composants personnalisés qui sont bien documentés et faciles à suivre. Nous pouvons également l'utiliser avec React TypeScript sans beaucoup de changements. J'ai vraiment apprécié l'utilisation des props de composants car cela nous permet d'utiliser des balises HTML. Il est également plus rapide en termes de performance qu'auparavant depuis l'arrivée de la nouvelle version 5. Avis collecté par et hébergé sur G2.com.

Material UI manque de composants pour les images et les vidéos. Bien que nous ayons l'avatar et CardMediaAPI, ils ne répondent pas complètement à l'objectif. Les composants liés aux formulaires ne sont pas facilement personnalisables, comme TextField. J'ai dû inspecter TextField en profondeur juste pour supprimer l'animation et personnaliser la bordure. Les composants ne sont pas faciles à inspecter et à personnaliser car il y a de nombreux composants imbriqués avec eux. Avis collecté par et hébergé sur G2.com.

La caractéristique la plus bénéfique de MUI est son objectif principal, qui est ses composants. MUI fournit des composants prêts à l'emploi à intégrer dans nos projets sans tracas ni problèmes. En tant que développeur, MUI m'a aidé à gagner du temps en intégrant ces composants dans mes projets basés sur React avec des designs parfaits. Avis collecté par et hébergé sur G2.com.

Parfois, lorsqu'on essaie de modifier certains des designs de base, des structures ou des fonctionnalités de travail d'un composant, il devient difficile de mettre à jour la pièce. Ce serait formidable si la documentation couvrait ces parties essentielles délicates. Avis collecté par et hébergé sur G2.com.

Ce que j'aime le plus dans la bibliothèque Material Ui, c'est la documentation. Il est facile d'apprendre à utiliser tous les composants disponibles et de comprendre comment chacun fonctionne. En plus d'avoir une documentation exhaustive, il est également simple de résoudre des problèmes avec une simple recherche Google, car la communauté qui utilise la bibliothèque est très active. Avis collecté par et hébergé sur G2.com.

La courbe d'apprentissage pour utiliser la bibliothèque peut être un peu abrupte. Malgré toute la simplicité, un utilisateur sans beaucoup d'expérience en développement peut se perdre un peu dans la personnalisation des composants. Avis collecté par et hébergé sur G2.com.

Material UI est construit avec React à son cœur, les composants principaux sont préconstruits pour votre utilisation, vous n'avez qu'à fournir les props qu'ils utiliseront. Cela peut éliminer un casse-tête du processus de développement et garder votre JSX propre.

Les composants d'exemple ci-dessous qui prendraient du temps à développer autrement sont ci-dessous et montrent la puissance du cadre UI.

- Curseurs

- Listes déroulantes

- Navigations

C'est énorme pour un développeur car beaucoup de ces composants peuvent prendre beaucoup de temps à développer correctement pour être en accord avec les normes d'accessibilité actuelles que Material UI a déjà prises en compte. Avis collecté par et hébergé sur G2.com.

Pour tous les avantages de l'interface utilisateur matérielle, je trouve que son approche pour gérer le CSS est un peu lourde à appliquer et à cibler correctement. Cela est dû à son propre système d'application aux composants qui, bien que nécessaire, n'est pas initialement intuitif à appliquer.

De plus, le site de documentation, bien que globalement bon, peut parfois être peu clair sur la manière d'appliquer certains aspects du cadre. Un exemple est lorsque vous essayez de combiner des composants ensemble et que vous rencontrez un comportement inhabituel. Avis collecté par et hébergé sur G2.com.

Quand j'ai commencé ma carrière en tant que développeur full stack avec React JS sans avoir aucune connaissance en UI. Ensuite, j'ai découvert Material UI qui est la meilleure plateforme qui fournit tous les composants nécessaires pour concevoir l'interface utilisateur pour le frontend. Il a un bac à sable intégré pour que je puisse le tester et m'aide à concevoir des composants personnalisés. L'une de ses meilleures parties est sa documentation et le soutien de l'équipe 🤩 Avis collecté par et hébergé sur G2.com.

C'est difficile à dire, mais selon moi, la documentation de l'API pour chaque composant aurait dû être une ressource plus utile pour comprendre en profondeur les composants. De plus, je pourrais préférer avoir un meilleur modèle par Material UI. Avis collecté par et hébergé sur G2.com.

I like the most about material UI is that it gives wide range of customizable components and large number of in-built templates for any requirement. Avis collecté par et hébergé sur G2.com.

I cant think of any dislike but the library could add more components to there store, because as compared to angular UI libraries variety of components is less in material UI. Avis collecté par et hébergé sur G2.com.

The library has almost all the components required for building any frontend, easy to use with React. Avis collecté par et hébergé sur G2.com.

Performance can be improved, also the package size can be made lighter. Avis collecté par et hébergé sur G2.com.

Material UI est la bibliothèque de composants React la plus fiable que j'ai rencontrée sur le web, elle dispose de nombreux composants UI disponibles pour chaque besoin.

Ce sont des composants très personnalisables qui peuvent être modifiés selon nos besoins. Ces composants sont construits avec le Material Design de Google, donc tous les composants respectent les normes par défaut du Material Design de Google.

Les composants Material UI ont une plus grande réactivité, donc lors de la création d'une page web, ils peuvent offrir une réactivité pour tous les appareils. Il dispose d'une excellente documentation fournie sur son site web, très facile à comprendre pour un débutant qui souhaite commencer avec les composants Material UI et construire une application web entièrement réactive.

L'API de style fournie par Material UI est très utile pour écrire le style en ligne au sein du composant et personnaliser le composant en remplaçant les styles existants. Avis collecté par et hébergé sur G2.com.

Materiel UI a presque tous les composants utilisés pour développer l'application Web avec React, mais ce qui manque, ce sont les composants riches comme les éditeurs de texte WYSIWYG et certains bugs fréquents dans la bibliothèque qui rendent certains composants difficiles à utiliser avec d'autres composants. Avis collecté par et hébergé sur G2.com.