Show selected frameworks

[housseindjirdeh]

Now that we're getting more and more amazing contributions, our list is getting to a decent length ⭐

To help make finding relevant examples easier. can we consider having a navbar/menu of some sort to show the different frameworks? Clicking React for example would only show the React implementations and so on. We can have All as our default.

Design-wise I'm envisioning a sticky header that shows after a little bit of scrolling and stays at the top. Maybe something like this:

Definitely not sure if this would be the most practical approach however. Will probably need to tinker with a few design options to find the most suitable one.

Open to all kinds of suggestions. Please let me know if anyone thinks this is not necessary either.

[cheeaun]

Thinking that a vertical list instead of horizontal list would be more scalable. Also, is it custom-sorted or alphabetical?

[addyosmani]

@cheeaun do you have an example of the type of vertical list you could see working better here?

@housseindjirdeh This proposal loosely reminds me of what we did for TodoMVC's homepage. I'm in favor of a horizontal list. Open to alternative UX proposals but this looks 👍 otherwise.

[cheeaun]

Hmm what I kinda have in mind is js.coach's menu:

[matchai]

Alternatively, we can go for a horizontally scrolling layout for a side-by-side comparison, like on https://www.blendrunner.com/.

[housseindjirdeh]

@matchai Hmm that'll change the look of the website to a table sort of layout. If folks think that's a good idea: happy to explore how we can allow for easier side by side comparison.

But one concern I have is that it might imply that HNPWA is purely a comparison between different frameworks performances/speeds and I don't want viewers to think along those lines 🤔

[housseindjirdeh]

@addyosmani I'm also in favour of a fixed horizontal header but vertical looks quite nice as the link you posted @cheeaun. Open to explore both options, hopefully by the end of the week I'll have surge links for both so we can compare and discuss 🙌

[chulian1819]

why not both? horizontal most popular (limited horizontal space) and in vertical show all because it scales well

[JosefJezek]

Please add categories With SSR and Without SSR (Server-side rendering).