Using Quasar To Supercharge Your App Development 

Robert Axelsen
@robaxelsen

About

http://rob.ee 

Software Developer, meetup organizer and community enthusiast

What is
Quasar?

A JavaScript framework on

top of a JavaScript library

Nuxt.js

Universal Vue.js Applications

A framework that helps you build Server Rendered Vue.js applications easily

Quasar

Build responsive websites, PWAs, hybrid mobile Apps (that look native!) and Electron apps using same code, powered with Vue.

Visionary history

Focus on your app’s code and let Quasar deal with the heavy lifting.

  • Write once, simultaneously deploy
  • Initial commit: Mon Oct 5 2015
  • First version written without Vue.js
  • Four major rewrites since initial commit:
    - Introducing Vue.js
    - Switching to Vue.js 1.0
    - Switching to Vue.js 2.0
    - Current release (v0.14) is a 80%
    rewrite in     to allow for new capabilities

- Razvan Stoenescu, creator and maintainer

Fun Fact

Back when it all started, there were a lot of external packages used: jquery, hammerjs, momentjs… They were all eliminated eventually as the web technology allowed it (jquery no longer necessary, hammerjs was replaced with an “in-house" lightweight but powerful Quasar version; same goes for momentjs)

- Razvan Stoenescu

Why use
Quasar?

One code base to rule them all!

Features

  • CLI tool
  • Theming and CSS system
  • Prebuilt components
  • Helpers and utilities
  • Dynamic webpack config
  • Great documentation,
    forum and community

Benefits

  • Complete front end stack
  • Write once
  • Active development
    - Next release, v0.15 will have one
    starter kit only for all target deployments
    - Chrome extension soon
    - SSR in the works and plans to add
    option for Quasar + Nuxt.js
    - Continously improving the workflow
    for devs, focus on your code and let
    Quasar do the rest

Open Source

How To Help

 

  • ​Contribute on GitHub or Forums


     
  • Donate or become a patron on Patreon

http://quasar-framework.org/
https://github.com/quasarframework/quasar

https://www.patreon.com/quasarframework

Demo Time!

What we'll cover

 

  • CLI tool
     
  • Quasar components

We are hiring

http://www.sipwise.com/jobs

jobs@sipwise.com

Cheat Sheet

# installing Quasar CLI
$ npm install -g quasar-cli

# create default starter boilerplate folder
$ quasar init default <folder_name>

# example: quasar init default my-project
$ cd <folder_name>

# npm install deps
$ npm install

# start with 'mat' theme
$ quasar dev mat
Made with Slides.com