Quasarians in Action #33. With the Staff Pick of the Month!

s.molinari

As you may have notice, the QIA has moved to a monthly release cycle. This is so it can be chock full of interesting news and information for you.

We would like to thank all of you, our awesome Quasar community. And in a spirit of give and share we’d like to present our cherry-picked community contributions with you. One of the contributions is picked by the team as our “Pick of the Week” to honor who we felt made the best contribution (outside of the core team).

In the News

Some great news in this issue. Razvan has recovered from his sickness and is doing fairly well now. He returned to work on Quasar the past couple of weeks, but is taking it easy, as he should. Needless to say, great thanks goes to the team and especially Allan for keeping the Quasar ship moving. Now that Razvan’s back, we can once more expect great things to come.

Tip of the Month

If you are a Laravel user, community memember Yolosan offered a Gist on how to use QUploader with Laravel.

Staff Team member Callo created a great little AE (app extension) to help with the use of animations activated when elements show up on the screen. It’s meant to work with Quasar’s Intersection Directive.

Tutorials and Articles

Danny Connelly has a new tutorial out on how to build a PWA with Quasar. It’s a paid tutorial, but well worth the investment (especially if you get it by the end of August with the coupon code PWAAUGUST2020. You’ll get a 91% discount!!!). If you are also interested in Firebase, Danny uses Firebase as the backend for the tutorial. Check it out and purchase it (some of the proceeds go to Quasar too, if you clicked the link above!)

Cool Stuff Built by the Quasar Community

Community member Graypes built a clone of Atlassian’s Confluence called “Conflux” in just 16 hours of work.
Demo video - Source Code

Community member Garripe has created both an iOS app and Android app called Findyt (in Spanish).

Staff team member Jeff wrote up a nice little app to help you search through the Quasar Icon sets to find the right icon!

** Staff Pick of the Month** Again, Graypes has built up a demo repo on using Auth with Firebase. It successfully implements Username/Password, Phone, Facebook, GitHub, Google and Twitter methods of authentication.

Graypes also created a demo repo on how to use QUploader with Firebase Storage.

Community member Fallen Gravity created an Android app which represents a wallet for Etho and other crypto currencies.

And lastly, community member Mayank Patel has upgraded his admin template to include a dark mode. He has a live demo too. Check it out!

Reported and Fixed Issues

Thingnoy reported the issue Dot is wrong position in Thai language which was fixed by a fix: #7586 fixed a typo in daysShort in Thai
newCodeRunner reported the issue Remove “window.__statics = __dirname” when nodeIntegration = false; which was fixed by a fix(app): don’t reference __dirname when nodeIntegration is set to false #7580
AdagioB reported the issue Qeditor @focus doesn’t work which was fixed by a fix(QEditor): add forgotten focus event forwarding #7578
kevin61416 reported the issue QTable: virtual-scroll-sticky-size-start prop causes app block which was fixed by a fix(VirtualScroll): consider the case when the scrollEl has no height #7567
Volker Nauruhn reported the issue QTable rowIndex should respect virtual scroll which was fixed by a fix(QTable): fix rowIndex when using virtual table #7562
LI Long reported the issue Kotlin project, could not find mainactivity.java file error which was fixed by a fix(app): Only warn if https is turned on and MainActivity.java is not found #7557
kevin61416 reported the issue QTable with Virtual Scrolling: Loss of focus when using the arrow up/down keys which was fixed by a feat(VirtualScroll): keep focus inside when scrolling #7545
Piano Pronto reported the issue Using preFetch to mutate vuex causes errors across page components which was fixed by a feat(preFetch): add router instance to the parameters received by the function #7520
kevin61416 reported the issue QTable and Virtual Scrolling scrollTo not working correctly which was fixed by a feat(VirtualScroll): expose edge to align to when using scrollTo #7517

Submitted PRs

The list does not include PRs from the Quasar Core team.

Leon Si submitted a PR fix(docs): Removed redundancy + typo
Paweł Kumor submitted a PR Avoid matching ‘undefined’ and ‘null’ for table filter
r4wand submitted a PR kur-ckb.js lang bug fix
r4wand submitted a PR Create kur-ckb.js
kevin61416 submitted a PR docs: Added warning about Animate.css version migration #7602
Danny Connell submitted a PR docs: Added PWA Udemy course to Video Tutorials page
Leon Si submitted a PR fix(docs): Various grammar/punctuation/wording changes
Thingnoy submitted a PR fix: #7586 fixed a typo in daysShort in Thai
Leon Si submitted a PR fix(docs): Fix various grammar mistakes
Leon Si submitted a PR fix(docs): typo on Sass/SCSS Variables page
Patrick submitted a PR feat(QIcon): Add viewBox split option to SVG use

Quasar Releases

@quasar/extras-v1.9.4
@quasar/extras-v1.9.3
@quasar/extras-v1.9.2
@quasar/extras-v1.9.1
quasar-v1.12.13
@quasar/extras-v1.9.0
@quasar/icongenie-v2.3.1

As always you can find all latest releases and release notes in the documentation.

Quasar Awesome Additions

Pratik Patel submitted a PR Adding Quasar Gaming Template
Mayank Patel submitted a PR Adding the personal website template
heartbeat submitted a PR Add 3 AE to the Community App Extensions
dirkhe1051931999 submitted a PR Add project to bottom of “Projects Using Quasar”
Mike submitted a PR Add project to bottom of “Projects Using Quasar”

Quasar Official App Extension Releases

Repository Activity

quasarframework/quasar

Contributors - 9 (commits authored by Quasar community members)
hawkeye64 - 9
rstoenescu - 6
IlCallo - 3
pdanpdan - 3

quasarframework/quasar-ui-qscroller

hawkeye64 - 3

quasarframework/quasar-awesome

Contributors - 5 (commits authored by Quasar community members)

quasarframework/quasar-ui-qcalendar

Contributors - 1 (commits authored by Quasar community members)
hawkeye64 - 29

quasarframework/quasar-ui-qiconpicker

hawkeye64 - 4

quasarframework/firebase-sample-apps

Contributors - 21 (commits authored by Quasar community members)

quasarframework/quasar-starter-kit

rstoenescu - 3
IlCallo - 1
webnoob - 1

quasarframework/quasar-ui-qmarkdown

hawkeye64 - 15

quasarframework/app-extension-qenv

hawkeye64 - 4

quasarframework/quasar-ui-qmediaplayer

Contributors - 1 (commits authored by Quasar community members)
hawkeye64 - 24

quasarframework/quasar-ui-qoverlay

hawkeye64 - 2

quasarframework/quasar-starter-kit-app-extension

rstoenescu - 4
IlCallo - 3

quasarframework/app-extension-examples

webnoob - 2
hawkeye64 - 2
rstoenescu - 1

quasarframework/app-extension-dotenv

Contributors - 1 (commits authored by Quasar community members)
hawkeye64 - 7

Thank you for your valuable time in making Quasar a better framework! We’ll be continuing this posting of favorites in the coming weeks. Stay tuned!

Call to action
Please share important or interesting contributions, Quasar community news, tutorials, videos or great coding tips and tricks. Those which you would like to see in the next Quasarians in Actions. Please use Quasar chat preferably in the #i-made-this channel.

If you like this aggregation of best contributions and would even like a more direct reception of this information, or you have any other ideas for honoring contributions to Quasar, please let us know in the Discord.