Фреймворк Quasar: что такое и для чего можно использовать

Статья является ознакомительным материалом с фреймворком Quasar. После прочтения статьи у Вас появится представление об инструменте и его возможностях. Для непосредственной работы с инструментом рекомендуем ознакомиться с его документацией.

Что такое Quasar

Quasar – это фреймворк для кроссплатформенной разработки приложений. И да, Вам не показалось, именно для кроссплатформенной разработки. С помощью Quasar можно создать сайт, мобильное и даже десктопное приложение.

Сам по себе Quasar это JavaScript фреймворк, который работает в связке с другими разными фреймворками и инструментами. Например, ядро Quasar это JavaScript и Vue.js. Для сборки всего проекта используется Webpack. Также, для сборки iOS и Android приложений используется фреймворк Cordova. А для Windows и MacOS – Electron.

Quasar кроссплатформенный фреймворк для разработки приложений на JavaScript — Quasar : один код – много приложений; сайт, iOS, Android, Windows и MacOS.

Сайт на Quasar

С помощью Quasar можно создать красивый интерфейс для CRM-системы или разработать целый сайт. Так как в основе инструмента лежит JavaScript, Vue.js и Webpack, разработчик будет делать сайт с помощью привычных ему технологий. К слову, если до этого программист работал с Vue.js, то пересесть на Quasar ему не составит труда.

Многие при разработке сайтов на Vue.js используют его в связке с Vuetify. Для тех кто не знает, Vuetify – это набор готовых компонентов, которые можно использовать для более быстрой разработки. Внутри Vuetify есть модальные окна, уведомления, выпадающие списки и многое другое. Но с Quasar Вам это не нужно, ибо внутри Quasar тоже есть тонна готовых компонентов.

Поддержка SSR

Многие знают что у JavaScript сайтов есть проблемы с индексаций в поисковых системах, и поэтому могут быть проблемы с SEO-продвижением. Так вот, для этого была придумана технология SSR, которая есть в Quasar из коробки.

Мобильное приложение на Quasar

С помощью Quasar можно создать мобильное приложение для iOS и Android. В этом случае фреймворк работает в связке с другим инструментом – Cordova. Принцип работы Cordova автор излагал в другой статье, с ней Вы можете познакомиться перейдя по этой ссылке (там даже сравнение с React Native есть).

Конечно, при такой разработке много подводных камней, но это как и в любой кроссплатформенной мобильной разработке. Основной посыл в том, что команда JavaScript программистов может в короткие сроки сделать простое мобильное приложение, и это прекрасно.

пример мобильного приложения на Quasar — Пример мобильного приложения на Quasar. Можно скачать в AppStore для iPhone и iPad, и в PlayMarket для Android.

Приложение для Windows и MacOS

Также, с помощью Quasar можно сделать и такое. Работает все по принципу как с Cordova, только для сборки под эти операционные системы используется технология Electron.

Все-таки рекомендуем прочитать как работает Cordova, чтобы иметь хотя бы частичное представление об Electron.

Итого

С помощью Quasar можно создавать много потрясающих вещей на базе очень известных технологий. С помощью этого инструмента команда JavaScript разработчиков сможет создавать не только сайты, но и мобильные, десктопные приложения. А самое главное, вся основная логика пишется на Vue.js, а это просто само по себе удобно.