Quasar - One Code Base, All The Platforms!

on YouTube ↗33m

" summary

Builds a Quasar app and actually exports and runs it as SPA, PWA, Capacitor (Android + iOS), Electron desktop and a Chrome extension, showing live demos that succeed. Uses a Cordova Bluetooth Central plugin to run a Capacitor Bluetooth scan (5s) and connect to devices, displays results in a <pre> block, and cherry‑picks MDI icons. Adds a preload bridge to implement frameless Electron window API (minimize/toggle/close) and demonstrates injecting the extension into example.com so the extension UI appears inside the page.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to Quasar
2. 1:24Mobile apps with Capacitor
3. 7:53Desktop apps with Electron
4. 13:35Browser extensions
5. 17:06Why choose Quasar
6. 20:54Q&A session

" related talks

• 23mQuasar: come for the UI library, stay for the integrationsPaolo Caleffi · vueday 2023
• 26mSSR with Quasar FrameworkRazvan Stoenescu · JSNation 2019
• 41mModern Cross Platform with Ionic and CapacitorMike Hartington · All Things Open 2020
• 29mCapacitor: linking JavaScript with Swift:Java, and the future of Web FrontendSakakibara Masahiko · JSConf JP 2019
• 50mCapacitor: Turn a PWA into a Native App in 5 MinutesHoracio Gonzalez · DevFest Lille 2019
• 51mWrite once, run everywhere: ambitious cross-device web appsMike North · Jazoon TechDays Spring 2016 Bern
• 21mMaking Your Mobile Cross-Platform Dreams Come True with Modern WebMark Thompson · RenderATL 2022
• 11mSketching a cross platform appAlan · ERPNext Conference 2022