Why every Vue developer should be excited by Quasar 1.0

Today, we’re publishing the first stable release of Quasar: A full-featured and extensible open-source framework founded on top of the highly popular VueJS that leverages the power of Node, Webpack and Babel.

Razvan Stoenescu
Jul 3, 2019 · 6 min read

Image for post
Image for post

However, before I get into the details, let me back up a little and tell you my story.

A few years ago, I was where many of you are right now — working in a big corporate world — being tired of petty internal politics and infighting …

I became increasingly troubled by the splurge of conflicting corporate tools … battling interoperability inconsistencies … and longed for a simpler life, where I could flex my programming skills and complete meaningful and rewarding projects that somehow made a difference in the world.

Back in 2015, I was using constantly new and different software tools to create all the separate types of projects that have become necessary in our modern world … iOS apps, Android apps, web apps, websites, Windows Desktop apps, Apple Desktop apps, PWAs …

Each separate flavor of app required a specific and unique group of tools for designing, developing and building, but I still dreamed of a single tool that would replace them all …

I longed for a single framework that would and produce all these different flavours of apps … .

Unable to locate such a mythical tool, I decided to build it.

It was a mammoth undertaking. Starting from scratch I knew that I needed to base it on a powerful core framework that could be easily be extended and enhanced to produce the comprehensive system I was envisaging …

Around this time, VueJS was coming to prominence. After reviewing its structure, development path and extensibility, I decided it would provide the perfect basis for the new framework I planned to construct … and save vast amounts of time during the development cycle.

This was the exact moment that the Quasar Framework was born.

What’s Quasar all about?

The concept of the Quasar Framework is to be a to construct modern apps … from like dialogs, buttons, inputs, tabs, panels, tooltips, toolbars, badges, date pickers, color pickers, icon pickers, cards, avatars, banners, tooltips, spinners and more … all the way through to much like chat message boxes, activity timelines, datatables, calendars, video players, wysiwyg editors, fly-in panels, ribbon bars … and much more …

These components are all based on top of VueJS… making their use to all the many looking for an easy and extensible component system to expand their projects.

As of of the all-new Version 1, … and that number is constantly increasing due to an inbuilt system for

Quasar also provides the necessary to … all from one single simple command line …

to build a production ready iOS app, Android app, Web app, Windows Desktop app, MacOS Desktop app or Linux Desktop app … from your one single codebase …

$ quasar build

of Webpack and Babel … … and other techniques … that’s all wrapped up, hidden behind the scenes and handled automatically for you — all the while retaining the should you feel the need.

This is wrapped up in a way that like you have never imagined before.

Quasar has gone through its growing pains already

Early versions required many changes — often breaking changes — which I’m sure annoyed many of our early adopters, but they were necessary growing pains as we iteratively developed this extensive system.

Versions 0.13, 0.14, 0.15, 0.16 up to 0.17 were used to refine the framework, and by version 0.17 there was finally a suitable structure that could form a stable foundation that could grow and expand without the need for future breaking changes.

So, we took the decision to freeze development and undertake a complete refactoring to organise and optimise what we had created.

Notice, I say “we” … because, by this time, I had realised what a massive undertaking this was becoming … and understood it could never be achieved single-handedly, so I began recruiting a to collaboratively manage the development.

First one developer joined … then a second … and a third … until we’ve reached our current level of eight members in the core development team. Each a .

They’re backed up by a further level of additional volunteer staff members who handle customer support, documentation, media, and more …

And there’s also an … all and to help everyone grow and develop together.

I like to think of this as all gathered around a common goal of helping each other and pushing each other to new exciting levels of achievement.

Our Discord chat server in particular is a that never seems to sleep … there’s always about a massive range of topics … and helpful advice being by excited developers.

Version 1 has been a massive development … a major investment of time and effort by the team and all of the amazing open source contributors.

Since our decision to freeze development of the Version 0.* branch … over 4000 development hours have been invested in the production and rewriting of Quasar.

Also, have been actively involved in perfecting the code throughout our 5-month open beta and release candidate process … so that we could publish a

Today’s release of is in the Quasar story … but for the greater things we have planned

This release has been designed with flexibility and extensibility in mind … but we already have a in place for where Quasar goes from here, which includes several major new build targets like , and .

Our re-write required major systems and processes be put in place that would enable Quasar to grow and remain relevant for years to come … without the need to make significant future breaking changes …

So, if you’re a Vue developer (or even a non-Vue developer) who wants to:

then .

What can you do now to find out more?

This article has only scratched the surface of the power and capabilities of the Quasar Framework.

There are many features and important aspects that I haven’t had the time to mention here, so over the next few weeks, I’m going to be issuing a series of articles detailing the individual features and concepts of the Quasar Framework … watch out for them.

In the meantime, we have an on both our and chat group to welcome you with open arms …

There’s and to get you started …

A ready for dropping directly into your existing or new projects today …

, like preconfigured CodeSandbox, jsFiddle or Codepen

And an , fully configurable (although in 99% of the cases you won’t even need to touch it) … that follows all of the latest and greatest

… (yes, it’s that easy to get you started!)

Why not join us?

So, come on over, give Quasar a shot … and the community of who love using Quasar each and every day …

More info: https://quasar.dev
GitHub: https://github.com/quasarframework/quasar
Newsletter: https://quasar.dev/newsletter
Getting Started: https://quasar.dev/start
Chat Server: https://chat.quasar.dev/
Forum: https://forum.quasar.dev/
Twitter: https://twitter.com/quasarframework
Donate: https://donate.quasar.dev

Image for post
Image for post

Thanks to all our Supporters, Donors and Partners for helping us get here!

Quasar Framework

Build high-performance cross-device VueJS user interfaces…

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store