Hacker News new | ask | show | jobs
by cyberferret 3133 days ago
Nice work! My first ever Vue.js project [0] had just basic functionality like this, but it was a great learning introduction to the framework.

The only thing I noticed was that the 'infinite scroll' seemed a little 'off'. Hard to describe, but the experience was a little jarring. I would scroll to the bottom and it looked like there were no more items, but then there was a short stutter, and more items were added. Perhaps a visual representation that this isn't the bottom of the list and that more items are below might make the UX experience better? Somthing like a faded out bottom of the last box on screen, or a simple '...' or down arrow below it if there are more?

[0] - http://tophn.info/

2 comments

Hmm, it flashes unrendered views (with e.g. {{story.descendents}} )
Yep, thanks for picking that up. I did notice that during development, but put it down for a 'fix it later'. I did find the code snippet to prevent unrendered tags from flashing, but haven't incorporated them in there yet. Will do so in the next few days.
That's the default in Vue? That's surprising. Does template precompilation prevent that?

Edit: Ahhh, it loads Vue separately. I guess this is just for non-SPA style Vue?

Appreciate the feedback. Yeah, it's a bit jarring. I might try executing the infinite scroll earlier so that it starts trying to load more before you reach the end.