Panells de gestió i aplicacions internes amb React i Mantine.
Interfícies d'aplicacions web amb Mantine
Mantine és la llibreria de components amb què dissenyem la interfície de les aplicacions React: formularis, taules, gràfiques i panells de gestió sense partir de zero.
Desenvolupem la interfície d'aplicacions web amb Mantine
És la llibreria de components que fem servir en els projectes que separen API i frontend amb React.
Mantine és una llibreria de codi obert amb més de cent components per a React: camps de formulari, selectors de data, taules, pestanyes, finestres modals, notificacions i gràfiques. La fem servir per construir la interfície de les aplicacions web a mida quan la lògica viu en una API a part.
En els projectes monolítics fem servir Metronic. Totes dues compleixen la mateixa funció: oferir una interfície moderna i agradable sense dissenyar cada peça des de zero.
Què aporta Mantine a una aplicació React
Components provats, un sistema de temes i utilitats per a formularis, dates i gràfiques.
Mantine reuneix el que una aplicació de gestió necessita en gairebé totes les pantalles: formularis amb validació, camps de data, taules, gràfiques, notificacions i diàlegs. Com que tot està dissenyat amb el mateix criteri, la interfície és coherent sense combinar llibreries diferents.
L'aspecte es defineix en un tema: colors, tipografies, vores i espaiats. Canviant el tema, l'aplicació adopta la imatge corporativa de cada client, i el mode fosc ja hi és inclòs.
Avantatges de fer servir Mantine en una aplicació a mida
Més de cent components
Botons, camps, taules, pestanyes, menús, modals i notificacions a punt per fer servir i adaptar a cada projecte.
Formularis i validació
La gestió de formularis inclosa valida les dades i mostra els errors a cada camp sense programar-ho cada vegada.
Tema personalitzable
Colors, tipografies i espaiats es defineixen en un sol lloc, per aplicar la imatge corporativa de cada client.
Mode clar i fosc
Les aplicacions passen de mode clar a fosc sense refer els estils de cada pantalla.
Accessibilitat
Els components es poden fer servir amb el teclat i porten els atributs que necessiten els lectors de pantalla.
Codi amb TypeScript
Mantine està escrita en TypeScript: els errors en fer servir un component es detecten mentre es programa.
Què desenvolupem amb React i Mantine
Aplicacions d'ús intern, on mana l'eficiència, i eines per al públic final, on pesen més l'aspecte i l'accessibilitat.
Panells de gestió i backoffice
Aplicacions internes per gestionar clients, comandes, estoc o projectes, amb taules, filtres i formularis.
Eines SaaS
Aplicacions que fan servir clients o usuaris externs, amb una interfície acurada i adaptada a mòbil, tauleta i ordinador.
Quadres de comandament
Gràfiques i indicadors amb els components de gràfiques de Mantine, alimentats amb les dades de l'API del projecte.
Tema amb la imatge corporativa
Configurem el tema de Mantine amb els colors i les tipografies de la marca perquè l'aplicació tingui una imatge pròpia.
Components a mida
Quan un component de Mantine no és suficient, programem el que cal amb el mateix estil que la resta.
Actualització i manteniment
Actualitzem les aplicacions a les versions noves de Mantine i React, i passem a Mantine interfícies fetes amb altres llibreries.
Desenvolupa la interfície de la teva aplicació amb Gilsys i Mantine
Explica'ns quina aplicació necessites i preparem una proposta amb la interfície, l'API i les fases del projecte.