Realworld: What do the columns in the Readme with 🥇 🥈 and 🥉 mean?

[mansona]

Hi folks 👋

I'm looking at the readme and I don't fully understand the meaning of the "gold silver and bronze" columns in the table of frontends 🤔

I guess my question is: why are React and Vue in the 🥇gold column and Angular in the second column?

I know it says "Sorted by popularity on Thu Mar 14 2019" but then why is Angular not in the 🥇 gold column?

[Guttz]

The medals are only for the first three positions and to show the order/arrangement. So actually, in the image Vue is the 4th, React/MobX is the 5th, AngularJS 6th and so on.

Angular is second most stared repo from all of them after React.

[Alonski]

@Guttz That is pretty confusing 😅 I am with @mansona here. Maybe this 3 should have some margin between them and the rest?

[Cameron-C-Chapman]

We're just leveraging Github flavored markdown tables here, not sure how much style customization we can do.

Maybe we could separate that first row out, or maybe someone wants to tackle a static gh-pages site?

[Alonski]

@Cameron-C-Chapman Maybe we can create RealWorld Static Sites to showcase the RealWorld Readme 😅

[Guttz]

Yes, I also agree with you and got confused for some days @Alonski @mansona.

I actually think the best option is just to remove them, by default people would understand that it's sorted by popularity as it's also written on top of the table.

Ps: One more idea that the medals can give is that some repos are better built than others, which is also not really the goal of RealWorld

[mansona]

Oh wow, yea that is very confusing 😂 we should change that pretty quickly! Is there any particular reason why it needs to be a table? I think it will always be confusing unless it's literally numbered in each cell 🙈

On another note, I think it is 100% possible to come up with some sort of scoring system for the RealWorld apps 🤔 even something basic. We have a whole ecosystem of this in the Ember world for Ember addons on Ember Observer. And you can see more information on this 5 mins talk from Katie Gengler

I don't even mean anything crazy but something like accessibility might be a great metric to include in a scoring system 👍

[camaulay]

The medal headers were confusing for me too, this makes more sense:

[Alonski]

Can this be thought through again? People are still getting confused by this 😕

[joskoanicic]

Could site loading (performance) metrics be added to the info? Something like https://hnpwa.com/ does but without the progressive web app part.

So that it wouldn't just be a popularity contest.

[mansona]

@joskoanicic I think that's a great idea. If there was agreement that this was something that realworld was open to I would be happy to help set it up 👍

[Alonski]

That's a great idea @joskoanicic !

[joskoanicic]

For start we have this:

https://www.freecodecamp.org/news/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075/

and

https://medium.com/dailyjs/a-realworld-comparison-of-front-end-frameworks-2020-4e50655fe4c1

Looking at the responses, I think adding performance metrics would incentivize the authors and/or community to optimize certain aspects of the submitted solutions And I think that is a net benefit in the end, as new developers that will be looking at code to learn something will not just look at something that is written to pass the specification but had performance in mind also.