Já pensou em reduzir consideravelmente o tempo de desenvolvimento do front-end seu projeto e ainda manter uma bela interface com uma boa usabilidade?
Essa é exatamente essa a proposta do Vuetify, com uma biblioteca de componentes prontos para uso e baseados no Material Design, o Vuetify pode agilizar o desenvolvimento do seu projeto e proporcionar uma boa interface e a usabilidade para seu web-app.
Neste artigo, vamos explorar como essa biblioteca pode te ajudar a ganhar agilidade no desenvolvimento do seu projeto.
O que é o Vuetify?
Vuetify é uma biblioteca ui muito conhecida da comunidade vuejs, basicamente ele é um conjunto de componentes de interfaces prontos para uso que pode ser adicionado em uma aplicação vuejs, esses componentes são componentes base necessários em qualquer app como por exemplo botões, caixas de dialog, tabela de dados etc...
Vuetify é baseado no Material design, que é o design system do google e que é visualmente bem bonito e também tem uma boa usabilidade.
Esses componentes teriam que ser criados manualmente pelos os desenvolvedores de um app se eles não forem utilizar uma biblioteca dessas.
Vantagens de usar Vuetify
O principal motivo seria velocidade, você ganha muito tempo de desenvolvimento quando utiliza essa biblioteca o que é algo bem vantajoso no inicio dos projetos.
Outro motivo também seria que você não precisa se preocupar muito com design, na verdade se o seu desenvolvedor front-end for bom ele consegue criar o sistema sem nenhum design prévio.
Desvantagens de usar Vuetify
A maior desvantagem seria a limitação de customização e ficar preso ao material design.
Eu já tive que mudar comportamentos de alguns componentes do vuetify antes (modificando css e outras coisas) e normalmente não vale a pena, porque além de quebrar as regras do design system da biblioteca, isso vai aumentar consideravelmente o manutenção necessária para aplicação.
O certo ao usar uma biblioteca dessas seria usar os componentes de forma pura mesmo e usando somente as customizações que ele oferece.
Mas claro isso vai limitar o quanto você consegue mudar os componentes para ficarem a seu gosto, é sim possível fazer design em cima do vuetify e seus componentes, mas o designer e o desenvolvedor terão que respeitar e seguir as regras de como o vuetify e o material design funcionam.
Quando você deveria usar vuetify?
Seu o seu projeto precisa de velocidade e você não se importa muito com design, vuetify definitivamente é uma boa escolha.
Ele também é uma boa opção se você não tiver nenhum design inicialmente.
E caso você tenha apenas mockups do projeto e essas mockups podem ser implementadas usando o vuetify, também pode ser uma boa escolha utiliza-lo.
Quando você não deveria usar vuetify?
Se seu software tem um design customizado e não utiliza o design system do material design, usar vuetify pode ser um tiro no pé pois você não vai conseguir modificar ele para se adequar ao seu design, o ideia seria o seu desenvolvedor criar os componentes do projeto já pensando em suprir essas necessidades.
Também se você é uma pessoa que é muito exigente com o design, e quer que o app fique igual pixel a pixel, pode não ser uma boa opção usar o vuetify, pois até mesmo espaçamentos são regras a serem respeitadas no vuetify e material design.
Conclusão
Vuetify é uma das bibliotecas mais incríveis do ecosystem vuejs, e quando utilizada da forma correta pode ser uma grande ajuda no desenvolvimento de um aplicativo.
Mas é importante que você e seu time de design e desenvolvimento tenham suas expectativas alinhas com o que a biblioteca oferece e suas limitações.
Caso você ainda tenha duvidas se você deveria utilizar ou não o vuetify em seu projeto vale a pena consultar um desenvolvedor front-end ou perguntar em alguns forums das comunidades.