How are the stars calculated?

[smolinari]

Hi,

Just wondering about how the stars are counted, because for instance, in Frontend-Frameworks, Quasar Framework has 1.7k stars added last year, so theoretically, it could be on the list.

Any insight would be appreciated.

Scott

[michaelrambeau]

Hello @smolinari thank you for reaching us.

It's all about tagging the projects correctly, which is the most difficult aspect of the Best of JS project (Rising Stars being a kind of yearly snapshot of Best of JS data).

Check https://bestofjs.org/projects/quasar: Quasar has currently the tags Vue and Mobile (as my understanding was that it was a framework to build mobile applications, when I added the project to Best of JS... in 2017 😅 ! Things may have changed!

What do you think, should Quasar be tagged as a frontend framework? Or another tag from Best of JS would be more appropriate?

Thank you for your help!

[smolinari]

@michaelrambeau - Yes please. Frontend framework describes Quasar much better. Although, it is more a meta-framework, like Nuxt, Next, Gatsby, Remix or Sveltekit, it does even more than these frameworks do, like hybrid mobile and desktop apps (even browser extensions). 😁

I believe it would also fit into "Back-end/Full-stack" too, as some of the others I mentioned above are also in this category.

The State of JS team have a category called "meta-frameworks". I do believe that is also a good new "tag" to have and you can split out the meta-frameworks from the backend frameworks. 😃

Thanks for responding to the feedback!

Scott

[michaelrambeau]

Hello @smolinari, I’ve just re-generated the data after adding the tags "UI framework" and "Desktop" to the project.

It doesn’t appear in the Frontend category of Rising Stars (Preact still holds spot number 15), but it does show up in the Desktop category. Let me know if that makes sense. Thank you!

[smolinari]

Yes, it makes sense. And I appreciate the effort you are giving us. (I'm on the Quasar team.😃)

Just to be certain, if Quasar has the tag UI Framework, when I set that tag as the filter on the Best of JS site, shouldn't Quasar show up in the results?

Also, if you consider Nuxt as a full-stack framework, then Quasar should also get that tag please. Quasar can do what Nuxt can and a good bit more.

Scott

[michaelrambeau]

Sorry for the confusion, for Best of JS, data will be rebuilt in a few hours, I made the change just after the daily build process, I only re-computed Rising Stars page.

The point I wanted to clarify, is Quasar more:

• a frontend framework (with no server capabilities by itself, basically a library you can embed in a web page with a script tag) like: https://bestofjs.org/projects?tags=framewor
• a full stack framework (that requires a server like Next.js or Nuxt.js): https://bestofjs.org/projects?&tags=fullstack

I know the boundary is blurry nowadays 😅 but I think it's more a fullstack framework?

Thank you again for the help!

[smolinari]

Sorry for the confusion

No worrries! 😃

The point I wanted to clarify, is Quasar more:

• a frontend framework (with no server capabilities by itself, basically a library you can embed in a web page with a script tag) like: https://bestofjs.org/projects?tags=framewor
• a full stack framework (that requires a server like Next.js or Nuxt.js): https://bestofjs.org/projects?&tags=fullstack

Quasar is both a UI/ frontend framework AND a full stack framework. It's full stack with its SSR capabilities, same as Nuxt.

It is also or rather offers a component library too, which Nuxt doesn't.

I created this graphic that sums Quasar up well, I think.

Edit: I just realized, that image is a bit old. Quasar also uses Vite for its CLI now in parallel to Webpack. In other words, new users can select to use Vite and work with Vite only (which is much better and faster than Webpack).

Let me know, if you have any further questions.

Scott

[michaelrambeau]

OK that makes sense, so Quasar is quite versatile. It can be used at different levels, as a simple UI framework at a low level to build a SPA that could talk with any backend or as full-stack framework at a higher level.

I will tag it accordingly, adding the "Browser extension" tag too, even if it will not change the rankings in Rising Stars considering the current numbers, but it's important to have this tagging right :)

Thank you so much for the all details, I will confirm when it's online.

[smolinari]

That's awesome. I (we) really appreciate the attention.

Scott

[michaelrambeau]

@smolinari Just to confirm, Best of JS has been rebuilt.

• Fullstack frameworks: https://bestofjs.org/projects?tags=fullstack
• UI Frameworks: https://bestofjs.org/projects?tags=framework

Have a great weekend!

[smolinari]

Thank you! Much appreciated!

Scott