Mozilla Brick - Bibliothèque de composants d'interface utilisateur gratuite pour les applications Web

Vous pouvez trouver des tonnes de cadres Web frontaux gratuits si vous effectuez une recherche suffisamment difficile. Ils viennent tous avec leurs avantages et inconvénients, mais il existe un cadre pour tout le monde.

Mozilla Brick est un cadre plus récent et il est construit comme une bibliothèque d'interface utilisateur qui fonctionne sur les composants Web.

Ces composants fonctionnent comme des morceaux de code réutilisable similaires à la bibliothèque de polymères de Google. Cependant, avec Mozilla Brick, vous avez votre propre bibliothèque de composants, ainsi que des éléments d'interface utilisateur, le tout emballé dans un gros paquet..

Si vous plongez dans cette bibliothèque, vous vous rendrez vite compte qu'elle est construite différemment des autres.

Mozilla utilise son propre langage pour décrire les éléments personnalisés comme des briques qui agissent comme des composants regroupés. Si vous ajoutez de nombreuses briques sur votre page, vous pouvez les gérer à l'aide d'un outil de gestion de paquets tel que Bower..

Notez que Mozilla Brick peut fonctionner sur Polymer, ce qui en fait un cadre polyvalent. En gros, vous utiliseriez Brick pour définir des éléments de page spécifiques ou des actions utilisateur spécifiques sur la page..

Alors vous connectez ces composants à vos éléments d'interface utilisateur typiques à l'intérieur du code HTML. De cette façon, vous utilisez toujours des conventions de nommage conformes aux normes en plus des composants Brick..

Il est actuellement dans la version 2.0 et vous pouvez trouver une liste complète des dépôts sur GitHub. Mozilla a créé un Compte GitHub spécifiquement pour ce projet c'est donc le meilleur endroit pour trouver des informations.

Il contient tout, des interfaces utilisateur d'agenda aux barres d'onglets, aux présentations de cartes personnalisées et même au code du site Web principal de Brick. Tout publié gratuitement avec la source entièrement accessible.

Chaque projet comprend une démonstration en direct hébergée sur GitHub. Si vous fouillez dans la documentation, vous trouverez des liens vers tous ces éléments..

Vous devez avoir un certain niveau de confort avec les composants Web avant d’entrer dans Brick. C'est pas super Newbie-friendly et il est vraiment destiné aux développeurs frontend qui veulent des composants préconçus pour leurs applications Web.

Pourtant, même les débutants peuvent apprendre les ficelles du métier en s'exerçant seuls avec Brick. Vous pouvez avoir du mal à comprendre toute la bibliothèque, mais plus vous pratiquez plus vous apprendrez et plus facile ce sera pour créer des applications Web robustes basées sur des composants.