Neste ano de 2023 tivemos um aumento no número de vagas e empresas que utilizam o framework Vue.js como seu principal framework front-end. Isso aconteceu por conta da sua última versão ter sido lançada com melhorias significativas como as API’s de Composição.
Além disso se você é um programador front-end que utiliza Vue.js em suas aplicações desde a versão 2 fique atento pois o suporte para a versão 2 vai até 31 de Dezembro de 2023 segundo a documentação. Caso você tenha interesse em migrar sua aplicação de Vue 2 para Vue 3 siga o guia de migração oficial.
Por onde começar os estudos? 📚
Se você está iniciando agora e precisa saber por onde começar seus estudos, confira essa lista abaixo com os melhores links:
- Documentação Vue.js – Sem dúvidas a documentação é um excelente ponto de partida para iniciar. Nela você encontra todas as informações necessárias para a criação de um novo projeto, e todas as referências básicas para você iniciar no mundo Vue.js.
- Vue School – A plataforma disponibiliza vários cursos gratuitos sobre Fundamentos com Composition API, Options API, Vue Router, Vuex, Monitoramento e muitos mais!
- Treinamento Vue.js Brasil – Um curso online completo e totalmente gratuito do básico ao avançado onde você vai aprender a versão 3 do Vue.js com direito a certificado ao completar as aulas.
- Curso Vue 3 Matheus Battisti – Um curso de introdução completo no Youtube totalmente gratuito.
Plugins e Bibliotecas indispensáveis 🔌
Para ter uma uma experiência completa com o framework Vue.js é necessário utilizar alguns plugins e bibliotecas que tornam a aplicação ainda mais robusta a completa. Confira nossa lista de links:
- Volar – Extensão para Visual Studio Code desenvolvida para Vue.js
- Vue router – o roteador oficial para Vue.js. Ele se integra profundamente com o núcleo do Vue.js para facilitar a construção de Aplicações de Página Única(Single Page Applications – SPA).
- Pinia – O gerenciador de estado centralizado do Vue.js. Com ele você pode compartilhar estados entre components e páginas Vue.js.
- Axios – um cliente HTTP baseado em promise para Node.js e Navegadores web.
- Vue DevTools – Uma extensão de navegador indispensável para desenvolvedores Vue.js.
- Vite – é uma ferramenta de construção de projetos de frontend que se destina a oferecer uma experiência de desenvolvimento mais rápida e leve para projetos de web modernos.
- Vitest – Uma estrutura de teste nativa do Vite. É rápido!
- Peeky – Uma outra alternativa para testes super rápido e com poucas configurações.
- Vue Awesome – Uma lista gigantesca de bibliotecas oficiais, não oficiais, componentes, plugins construídos pela comunidade, podcasts, canais e muito mais! ✨
- VueUse – Coleção de utilitários essenciais de composição Vue ✨
- Vuelidate – Validação de formulários para Vue 2 e Vue 3.
- VeeValidate – Biblioteca de validação de formulários flexível, incremental e com ótima documentação.
- Vorms – Validação de formulário com API de composição
Biblioteca de Componentes 🟩
Algumas das mais famosas bibliotecas UI para Vue.js:
Bibliotecas de gráficos 📊
Uma lista de bibliotecas de gráficos com integração ao Vue.js
Frameworks baseados em Vuejs 🚀
Alguns frameworks baseados em Vue.js que aumentam sua produtividade de forma significativa:
- Nuxt 3 – Nuxt é uma estrutura gratuita e de código aberto com uma maneira intuitiva e extensível de criar aplicativos da web e sites full-stack com segurança de digitação, desempenho e nível de produção com Vue.js.
- Quasar Framework – A estrutura VueJs de plataforma cruzada pronta para empresas. Fornece um CLI poderoso, componentes UI e implantação para diferentes plataformas. (Curso Completo com Vue 3 )
- Ionic Vue – Além de componentes de UI, o Ionic Framework também fornece uma ferramenta de linha de comando para criar novos aplicativos, bem como implantar nas diversas plataformas.
- Vitepress – Simples, poderoso e rápido. Conheça a estrutura SSG moderna que você sempre desejou.
- VueStorefront – Focado na construção de ecommerces com Vue.js.
Comunidades 🔰
Aqui iremos listar links para comunidades oficiais para você poder interagir e tirar dúvidas quando necessário.
- Telegram comunidade Vue.js Brasil – https://t.me/vuejsbrasil
- Telegram comunidade Quasar Brasil – https://t.me/quasarframeworkbrasil
- Telegram comunidade Vuetify Brasil – https://t.me/vuetifybr
- Discord Vue Land – https://discord.gg/vue
Sem dúvidas participar de comunidades é uma das melhores maneiras de trocar conhecimento e conseguir ajuda com outras pessoas experientes que possam ter enfrentado problemas parecidos.
Guarde o link deste artigo para futuras consultas, a lista será atualizada constantemente conforme novos recursos venham surgindo.
Sentiu falta de algum recurso? Deixe nos comentários aqui no artigo ou envie no meu linkdin.
Até o próximo artigo =)
Muito top! Parabéns a todos Brasileiros que trazem conteúdo desse framework!
Obrigado por ler e comentar esse post! Foi feito com bastante entusiasmo.