Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Quasarians in Action #16. With Staff Pick of the Week!

    Useful Tips (NEW)
    4
    6
    390
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • s.molinari
      s.molinari last edited by

      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).

      We encourage you, the Quasar community, to organize local meetups. To support you we have created new Discord #conferences channel and pinned the issue https://github.com/quasarframework/quasar/issues/5983 where you can post desired meetup locations which includes the map as well.
      Once the meetup is planned, please share the event link, ideally a week or two ahead. We will reach out to the Quasar community and ask Quasar core members to participate as well.

      Tips of the Week

      When you run quasar dev and it stops somewhere near the end and doesn’t complete, cancel out of that, then run quasar build --debug. Usually, you will get the error displayed at build-time as opposed to the dev run-time.

      Tutorials and Articles

      Staff Pick of the Week codeguru published How to create responsive UI using quasar framework:

      Reported and Fixed Issues

      Quasar

      Tobias Fuhlroth reported the issue QSelect: using ‘multiple’ together with ‘option-label’, ‘option-value’, ‘map-options’ and ‘emit-value’ results in unwanted behavior which was fixed by a fix(QSelect): Use innerValue instead of value to compare on toggle #6177, released in Quasar v1.8.0
      Yusuf Kandemir reported the issue @quasar/extras SVG Material Icons: some icons are missing which was fixed by a feat(docs): Add naming convention & svg import guide #6175
      Arjon Jason Castro reported the issue QChip remove icon not visible when text is long which was fixed by a feat(QChip): Truncate long labels with ellipsis #6154, released in Quasar v1.8.0
      jeancaffou reported the issue QVirtualScroll snaps to second-to-last item when fast scrolling instead to the end of the list which was fixed by a fix(QVirtualScroll): Do not offset the scroll when it is exactly on the end #6148, released in Quasar v1.8.0
      Simon Sinding reported the issue Font Awesome Duotone shifts which was fixed by a fix(QIcon): CSS for Fontawesome duotone #6139, released in Quasar v1.7.5
      Luca Ban reported the issue TypeScript: no exported member ‘QUploaderBase’.ts (missing type) which was fixed by a feat(q-uploader): export QUploaderBase, released in Quasar v1.8.0
      Shawn Makinson reported the issue .q-btn and align-self: center which was fixed by a feat(QBtn): give up “align-self: auto” and let default browser behavior #6113
      eeerrrttty reported the issue Q-icon not loading, loading text instead — almost 0,5% to 2% users affected which was fixed by a feat(QIcon): Avoid Google Translate tampering with Material Icons ligature font #6108, released in Quasar v1.7.3 and Quasar Extras v1.4.1
      Valianton reported the issue Qslider does not working in some cases which was fixed by a fix(TouchPan): mouseAllDir ignored on start #6099, released in Quasar v1.7.2

      Submitted PRs

      Quasar

      Paolo Caleffi submitted 2 PRs:

      • build(ast): analize components exported as plain objects
      • feat(typescript): export QUploaderBase interface, fixes #6137

      Nicholas Sidwell submitted a PR fix(docs): Specify gzip object configuration
      Stefan van Herwijnen submitted a PR docs: fix uploader nodejs example
      Propaganistas submitted a PR Add cursor-pointer class when @click is defined on QTr
      Andy Bruère submitted a PR fix(app): deduplicate code when using core-js@3
      dasaveliev submitted a PR Update QUploaderBase.js
      James submitted a PR This confused me for a half second.

      Quasar Starter Kit

      Luca Ban submitted 2 PRs:

      • Add jsconfig for better code hints in VSCode
      • add quasar.variables.sass to /dev

      Quasar Starter Kit

      nothingismagick submitted a PR chore(security): update engines object in template’s package.json

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

      Quasar Awesome Example Applications

      Tyler Moore shared his Venues at OTC - SSR build of a Quasar project deployed on DigitalOcean using NGINX and PM2 which is documented thoroughly in README.md | web | github.

      The performance was dramatically improved as well.
      Before:

      After:

      João Medeiros shared Api Doc. An open source Crud API documenter:

      Stefan van Herwijnen updated his Quasar app extension (AE) auth-token-based to make it more sane (stripped out all unnecessary functionality and it now works by importing instead of rendering the AE into the app. The extension is a token-based authentication using the Vuex store with basic login, registration and password reset pages.

      srikanth-k-github created quasar-vuejs-gcp - A sample build and deploy of Quasar Vue.js app using Google Cloud Platform.

      Arjon Jason Castro published his Quasar QTable Bottom Pagination.

      Quasar Releases

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

      Quasar Official App Extension Releases

      QMarkdown - v1.0.20

      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 goding tips and tricks. Those which you would like to see in the next Quasarians in Actions. Please use Quasar chat preferable in channels #i-made-this, #offtopic or #other AND tag @Stanislav (EN/CZ-eu).

      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.

      1 Reply Last reply Reply Quote 5
      • metalsadman
        metalsadman last edited by

        great, love to see quasar projects in action.

        Mary-Tyler-Moore 1 Reply Last reply Reply Quote 0
        • I
          IvanGV last edited by

          There is mine 🙂 www.quickrepair.es, sorry for posting it here but I dont know where to notice that I have made my project with Quasar.

          1 Reply Last reply Reply Quote 1
          • s.molinari
            s.molinari last edited by

            @IvanGV - Here is the best place: https://discordapp.com/channels/415874313728688138/415880261943820288/671868621378551828

            Scott

            1 Reply Last reply Reply Quote 0
            • s.molinari
              s.molinari last edited by

              @IvanGV - Also this, if you could.

              Please submit a PR to https://github.com/quasarframework/quasar-awesome with your website/app/Quasar tutorial/video etc.

              Scott

              1 Reply Last reply Reply Quote 0
              • Mary-Tyler-Moore
                Mary-Tyler-Moore @metalsadman last edited by

                @metalsadman I’m also happy to see quasar projects in action. I appreciate the work you do. You have been an inspiration to me! Thank you for sharing your code with the community. It has helped me become a better JS developer.

                1 Reply Last reply Reply Quote 1
                • First post
                  Last post