7 Minutes, 7 Question & 7 Answers

About the Quasar-Framework

Published in

Quasar Framework

5 min readSep 12, 2018

Have you ever wondered how a Framework could help anyone develop a Hybrid Application or a Web App? How you can make a single code base be deployed to multiple devices?

Let's rig the game, pull the one-armed bandit and get a 777 jackpot.

Which framework does Quasar uses?

To make a powerful framework, Quasar uses node.js to generate vue.js flavour. Being one of the top 3 front-end JavaScript frameworks in deployment, Vue has a huge community. (Vue-land, the Vue Discord server, has 43,000 users — only eclipsed by 110,000 stars on Github.)

Quasar can be used natively with its node.js based CLI, as a somewhat watered-down plugin for Vue-CLI 3 or even as UMD if you just want the components...

Because you are using with Vue, you also can use it with:

Vuex
Vue-Router
Vue-i18n
Vuelidate
Vue-Fire
Much More…

The documentation, are complete? They have good examples?

Of course! As for today, the documentation are complete, and have a lot of examples to check. Even a playground is available for the beginners, so they can mess around with the framework as they want.

Don't forget the power of the community, as it is an important part of the documentation. If you need more personal assistance, please be free to ask any questions on our Discord server or at the Forum (links at the end).

Does it have a CLI, or I have to do all by myself?

How I can say this?

YES, IT DOES!!!

The Quasar-CLI is a complete command-line interface, that helps develop, deploy and create your application. In fact, it is what separates Quasar from other mere collections of components.

With the right commands you can initialize a new component, create a new router or even test you application on the Mobile Emulator.

Imagine that the CLI is the greatest partner on your journey to adventure.

What about developing a SPA (Single Page Application)?

The SPA is the out-of-the-box mode that comes with Quasar Boilerplate as a Vue app.

It's the core of the single code based system that you can develop.

Using the SPA mode you can choose what you want to do next. A SSR? A Mobile Application? An Electron App? Just add the mode, make the adjustments necessary for make it work.

Can I make a mobile app for Android and iOS?

All the components on the framework are based on the Material Design Guide (Android) and Human Design Guide (iOS). So when you export your application to Cordova (Just add a cordova mode on the CLI) it will be a native experience.

The user can't tell if it's a native app or a hybrid app.

Using the power of Cordova plugins and JavaScript you can deliver a special experience.

But… For the desktop, can I build for it too?

If it runs javaScript it can be built!

The answer is the Electron mode, which can deploy your application to any desktop based OS. You don't need special tools to deploy or compile, just run the CLI and you are good to go!

With a separated scripts to be called only in Electron, you can add all those node_modules you want.

And don't forget to add the design touch on it. You can deploy a MacOS app with Human Design Guid and a Windows with Material Design, or vice versa?

Can I make a SSR, PWA?

What about running a SSR or a PWA?

It's not a problem. Just add it! The new SSR mode on Quasar-CLI and Quasar-Framework can do the trick.

DonIt doesn’t matter anymore if your user wants to save some precious space, or he don't want to install new apps.

Try it on before you buy it.

The new boilerplate for the SSR has the capabilities to act as an PWA too, if you want to run a server. But if you want to make it as a normal CDN delivered app there is no problem, just use the normal PWA mode.

This text has been from a 7 minute presentation that I held on August 29th at the iMaster "Sete Mestres".

Here you can check out the original slides in Brazilian Portuguese.

Don't forget, the true power of Quasar is generated by people like you and me. People that want to collaborate and make a new and powerful framework that can help developers all around the globe.