The Quasar Framework (comumente referido como Quasar; pronunciado /ˈkw.zɑɹ/[4]) é um framework de código aberto baseado em Vue.js para construir aplicativos com uma única base de código. Ele pode ser implantado na Web como SPA, PWA, SSR, em um aplicativo móvel, usando Cordova para iOS e Android, e em um aplicativo de desktop, usando Electron para Mac, Windows e Linux.[5][6]

Quasar Framework
Lançamento fevereiro de 2015 (9 anos)[1]
Versão estável 2.9.1 (3 de outubro de 2022; há 2 anos[2])
Escrito em JavaScript
Gênero(s) JavaScript framework
Licença MIT License[3]
Tamanho 14.7 KB min+gzip
Página oficial quasar-framework.org
Repositório Quasar Framework

Quasar foi criado por Razvan Stoenescu e é mantido por uma pequena equipe de desenvolvedores (também conhecida como "equipe principal") e colaboradores. A maior parte da equipe principal trabalha atualmente em diversas empresas, como Lenovo, IntelliView Technologies Inc. e AG Development Services.[7]

Visão geral

editar

Quasar se concentra na construção rápida de interfaces de usuário VueJS. O usuário só precisa escrever uma fonte autorizada de código para todas as plataformas: sites responsivos para desktop/móveis (SPA, aquisição de cliente SSR + SPA, aquisição de cliente SSR + PWA), PWAs (Progressive Web Apps), aplicativos móveis (que parecem nativos) e aplicativos de desktop multiplataforma (através do Electron) e também extensões de navegador.[8]

O Quasar foi projetado tendo em mente o desempenho, a capacidade de resposta e a interoperabilidade.[9]

História

editar

Quasar foi criado por Razvan Stoenescu depois de trabalhar para IBM e Lenovo usando ferramentas de software constantemente novas e diferentes para criar todos os tipos separados de aplicativos iOS, aplicativos Android, aplicativos da web, aplicativos Windows Desktop, aplicativos Apple Desktop e PWAs. Mais tarde, ele resumiu seu processo de pensamento: "Eu ansiava por uma estrutura única que removesse toda a complexidade e produzisse todos esses tipos diferentes de aplicativos... a partir de uma ÚNICA base de código. Incapaz de localizar uma ferramenta tão mítica, decidi construí-la."[10][11]

O primeiro commit do código-fonte para o projeto foi datado de 2015, e a versão 1.0 estável do Quasar foi lançada em julho de 2019. A primeira conferência Quasar ocorreu em julho de 2020.[12] Quasar v2 (com Vue.js 3) tornou-se estável na versão 2.0.0 em junho de 2021.

Características

editar

Componentes

editar

Os aplicativos Quasar são desenvolvidos usando componentes de arquivo único Vue e componentes Quasar. Os componentes de arquivo único do Vue contêm várias seções: modelo (HTML), script (Javascript) e estilo (CSS/Stylus/SASS/SCSS/Less) - tudo no mesmo arquivo.[13] O trecho de código abaixo contém um exemplo da estrutura de um componente de arquivo único Vue:

<template>
 <!-- você define seu modelo Vue aqui -->
</template>

<script setup>
// É aqui que vai o seu Javascript
// para definir seu componente Vue, que
// pode ser um Layout, uma Página ou o seu próprio
// componente usado em todo o aplicativo.
</script>

<style>
/* É aqui que seu CSS vai */
</style>

Os componentes Quasar são tags HTML que começam com q e vinculam ao arquivo /quasar.config.

Ecossistema

editar

A biblioteca principal vem com ferramentas e bibliotecas desenvolvidas pela equipe principal e pelos colaboradores.

Ferramentas oficiais

editar
Quasar CLI
A parte global da CLI necessária para a criação de aplicativos por meio de desenvolvimento e um ambiente de construção para desenvolvimento e distribuição de aplicativos entre dispositivos/plataformas.
Aplicativo Quasar
A parte local da CLI, que envolve os ambientes de desenvolvimento e construção. A CLI permite um desenvolvimento extremamente rápido por meio de um servidor de desenvolvimento, que permite que você veja suas alterações acontecerem ao vivo. Usando os sistemas de construção da CLI, você pode pegar seu único projeto e construí-lo para as múltiplas plataformas e ambientes que o Quasar suporta (ou seja, Web, PWA, Web+SSR, PWA +SSR, Cordova, Capacitor, Electron, Browser Extensions, etc.).
IU do Quasar
A biblioteca de componentes do Quasar, com componentes de alto desempenho testados em batalha, juntamente com inúmeras diretivas, utilitários auxiliares, plug-ins e muito mais.

Ver também

editar

Fontes

editar

  Este artigo incorpora texto de um trabalho de conteúdo livre. Licenciado em MIT License Quasar Framework, Para aprender como acrescentar texto de licenças livres a artigos da Wikipédia, veja em agregar textos em licença livre na Wikipédia. Para mais informações sobre como reutilizar texto da Wikipédia, veja as condições de uso.


Referências

  1. «Why every Vue developer should be excited by Quasar 1.0». Quasar Framework. 3 de julho de 2019 
  2. «Quasar Framework Quasar Releases». GitHub. 3 de outubro de 2022 
  3. «Quasar/LICENSE». GitHub. Consultado em 28 de abril de 2024 
  4. «Guide: What is Quasar?». Quasar Framework. Consultado em 28 de abril de 2024 
  5. Connell, Danny (2020). Quasar Framework: Cross-Platform Vue JS Vuex & Firebase Apps (em inglês). Udemy 
  6. «Guide: What is Quasar?». Quasar Framework. Consultado em 28 de abril de 2024 
  7. «Meet the Team — Quasar Framework». quasar-framework.org (em inglês). Consultado em 28 de abril de 2024. Cópia arquivada em 16 de maio de 2020 
  8. «What-is-Quasar» (em inglês). Consultado em 28 de abril de 2024 
  9. «What-is-Quasar» (em inglês). Consultado em 28 de abril de 2024 
  10. Stoenescu, Razvan (3 de julho de 2019). «Why every Vue developer should be excited by Quasar 1.0» (em inglês) 
  11. «Guide: What is Quasar?». Quasar Framework. Consultado em 28 de abril de 2024 
  12. «Quasar.conf 2020» (em inglês). 5 de julho de 2020 
  13. «Vue Single File Components (SFC) — Quasar Framework» (em inglês). Consultado em 28 de abril de 2024 

Ligações externas

editar