Примечание. Мне не платят за эту статью. Я начал использовать Quasar в середине прошлого года и влюбился в него.
Некоторое время назад я изучал React, Angular 2 и Vuejs и потратил много времени на изучение лучшей UI-библиотеки Material Design для каждого из них.
У многих из них такие же проблемы. Они отстают на мобильных устройствах, слишком тяжелы, не содержат достаточного количества компонентов, сложны для понимания или плохо разработаны визуально и программно.
Из всех исследованных мной фреймворков материального дизайна, Framework7 и Quasar Framework вышли на первое место, которые работают на Vue.js. Однако у Quasar есть бонусная функция, которая опережает все остальные UI-фреймворки. Вы можете создать одно приложение, которое будет работать с электронными настольными приложениями, приложениями Cordova для iPhone и Android, а также в качестве стандартного веб-приложения (скоро с поддержкой SSR).
Api чрезвычайно прост в использовании и содержит несколько удобных функций, которые избавляют вас от необходимости импортировать дополнительные библиотеки, и это одна из самых маленьких библиотек дизайна материалов. Например, файл Vuetify js имеет неминифицированный размер около 815 КБ, а Quasar - 436 КБ без миниатюр, однако для этого количества Quasar содержит несколько более примечательных компонентов материального дизайна.
Также можно избежать импорта moment.js, поскольку Quasar содержит минимальную, но функциональную библиотеку утилит для работы с датами. Я сделал 3 проекта moment.js бесплатно и не столкнулся с какими-либо серьезными проблемами. Фактически, одним из них было приложение-таймер, которое регистрировало рабочее время для выставления счетов.
Когда вы запускаете проект в quasar, вы используете quasar-cli для создания проекта. Все, что вам нужно, и большая часть кода, который вам понадобится для завершения производственного проекта, уже ждут вашего использования. Это сэкономит вам массу времени на пользовательском интерфейсе.
Создание электронного приложения и приложений cordova работает из коробки.
quasar build quasar wrap cordova cd cordova; //configure config.xml file cordova platform add android cordova build android
Электрон тоже
quasar build quasar wrap electron cd electron // create your icons in the icons folder and configure your package.json quasar build
Вот несколько снимков экрана приложений, которые я сделал с помощью квазара, они содержат в основном стандартные встроенные компоненты квазара.
Quasar настолько упрощает вашу жизнь, что вы не захотите использовать какие-либо другие фреймворки. Благодарим Развана Стоэнеску за создание такого классного фреймворка!
