News for hackers. Stuff that matters.

A comment on Show HN: Product job board created with Vue.js.

Re:Show HN: Product job board created with Vue.js by cyberferret on Wednesday November 22, 2017 @04:50PM (#15761008)
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/

[ Parent | on HN ]
Re:Show HN: Product job board created with Vue.js by bpicolo on Wednesday November 22, 2017 @06:58PM (#15761748)
Hmm, it flashes unrendered views (with e.g. {{story.descendents}} )
[ Parent | on HN ]
Re:Show HN: Product job board created with Vue.js by cyberferret on Wednesday November 22, 2017 @07:02PM (#15761760)
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.
[ Parent | on HN ]
Re:Show HN: Product job board created with Vue.js by bpicolo on Thursday November 23, 2017 @05:51PM (#15768349)
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?

[ Parent | on HN ]
Re:Show HN: Product job board created with Vue.js by dfeinberg5 on Wednesday November 22, 2017 @11:21PM (#15762713)
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.
[ Parent | on HN ]