We’re Moving Forward with Quasar

Posted By on May 19, 2017

As I mentioned in my blog post about moving to JavaScript and making it the only programming language to run Skooppa, I said I’d be writing more blogs as things pick up. Well, they are picking up and so, here is my next blog.

As the past few months went by, we were happy we had found all the technologies we need to make Skooppa real, but it was also becoming clear, there was no way I was getting the programming done as the lone programmer. So, over the last few months, I’ve dug into a great open source project called Quasar Framework and started doing my best to help out. Now I’ve gotten to know the lead dev of the project fairly well, who is an amazing front-end programmer, and I’d say we are now a team. He, of course, has the lead on Quasar and I am only a “junior dev” helping out and only in my spare time. I still have a “normal” job. I’m learning by leaps and bounds and it’s so much fun working with something that other people enjoy too. I am honored to be a part of Quasar.

Now looking forward, Quasar will be the basis to the front-end of Skooppa. I’d like to explain why we’ve made this decision.

One of the main goals of Skooppa is to have a “composable UI”. And more importantly, this ability to compose the UI should be fairly simple, both from a developer, and in the distant future, a non-developer perspective. Quasar covers the developer side of the coin of a composabe UI really well right now. In fact, Quasar already has over 2k stars on Github. I’ll explain more about composing  a UI with Quasar in a later blog or you could simply visit the Quasar website. Take a look at the docs and the components and you’ll probably get a quick idea of what I mean. Oh, and expanding this ability to compose the UI for the non-programmer is just a matter of making it happen programmatically. And the really good news is, this won’t be a huge endeavor, since Quasar is component based from the start!

If you aren’t on the modern web application front currently and you didn’t quite get the composable UI bit, you now might be asking yourself, what does “component based” even mean?

Here is the definition from Wikipedia:

Web Components are a set of features currently being added by the W3C to the HTML and DOM specifications that allow for the creation of reusable widgets or components in web documents and web applications. The intention behind them is to bring component-based software engineering to the World Wide Web. The components model allows for encapsulation and interoperability of individual HTML elements.Web Components consist of 4 main features which can be used separately or all together:

  • Custom Elements – APIs to define new HTML elements
  • Shadow DOM – Encapsulated DOM and styling, with composition
  • HTML Imports – Declarative methods of importing HTML documents into other documents
  • HTML Templates – The <template> element, which allows documents to contain inert chunks of DOM

That is a bit technical, I know. The main point to win from this definition is that web components are new and the future of web application programming, because they allow for an exchange of components among developers, saving time and effort. I also see it this way. If we aren’t doing component based development, we will be left behind by those who do. It’s that simple.

The other reason why Quasar  is a great future technology (and this goes for any other component based JavaScript framework based on technologies like React or Vue), is because it offers the developer the possibility to also use the same components or very similar ones for desktop and mobile applications too. That in turn means, programmers using Skooppa will also be able to build desktop or mobile apps with the same or very similar code they used to build web applications based on Skooppa. That is a hugely powerful advantage for developers and a feature of Quasar, which gets me really excited.

Next month I’ll also be visiting a conference for Vue. VueJS is the core technology behind Quasar. It is a very pragmatic View/Model library for creating reactive UIs, which by the way, is the other new technology that is making leaps and bounds and pushing the modern web application development front to new levels. The start of this wave came from Facebook’s React library and Vue is similar to React in some ways. However, Vue is so much more like the PHP I learned through my many years with vBulletin. In fact, anyone who has worked with vBulletin will definitely feel at home with Quasar. Remember stylevars? Check out Quasar’s Stylus variables. Remember looking at templates for the UI logic? Take a look at Quasar’s components!

I’m so excited to be a part of Quasar, because I know it has such an amazing future. My plans are also to add to Quasar’s future, by adding backend/ server capabilities to it. That is, in the end, where my strengths in programming lies. I can’t wait to start. But first, we are working hard to get Quasar 1.0 out!

More on Quasar later! Stay tuned!

Facebooktwittergoogle_plusredditpinterestlinkedinmailby feather
We're Moving Forward with Quasar
Article Name
We're Moving Forward with Quasar
Quasar will be the front-end framework for Skooppa.