141–149 of 149 posts
Please remove the unnecessary animation that locked up a tab here for several seconds.
The animation stops because it gets blocked and appears to be locked up due to an issue with the table taking too long to render and another bug causing the table to re-render again.
Earlier quoted context omitted.
Thanks for the feedback. I think the lag might have been mainly due to the page loading and rendering 400+ job rows at once and is not related to the animation, though there might also be some hydration issues with the animation. Agree that the lag isn't good UX, I will look into getting it fixed soon. Aside from the lag, I was hoping folks might appreciate the artistic of the animations where companies are resolving…
Seems correct. I might not use you average-user-device (iPhone SE 2016) but liked your idea and clicked the link. The page freeze for ~15s for the first load but then refresh only takes ~4s. The animation is smooth if I’m not scrolling the list . Scrolling seems hard to handle as the new items takes 2s to appear. Do you use a virtual table [edit: just read you sibling comment saying you don’t, yet] or heavy JS for st…
I shared the root cause in a sibling comment and am forwarding it here: Below are more details---
Issue 1. Table with a link overlay in every cell I initially used an off shelf table component to move fast and didn't take a closer look at the implementation. It turned out this component renders a link overlay in every cell to allow user to click table row to be taken to the job link. So 400 jobs with 6 rows end up rendering 2400 link overlays.
The reason it attaches a link overlay to a cell instead of a row is due to a well known bug with Safari, where you can't use `position: relative` in table row `tr` https://bugs.webkit.org/show_bug.cgi?id=240961. Attaching it to each cell works for small number of rows but causes performance issues with large number of rows.
I fixed it by rolling out my own table with css grid instead. It is not as semantic as it no longer uses table, thead, th, tr, td, but thanks to Safari, it is a tradeoff I am okay with.
Bug 2. Unnecessary re-render on Zustand store rehydrate I used Zustand store to filters preference and save it to browser's local storage. On page load, it fetches from local storage to update the state or store rehydrate . I didn't use shallow comparison initially and caused the table to render even if the prev and new state is an empty array due to comparison by reference. Using shallow comparison minimize an unnecessary render.
Earlier quoted context omitted.
Thanks for the feedback. I think the lag might have been mainly due to the page loading and rendering 400+ job rows at once and is not related to the animation, though there might also be some hydration issues with the animation. Agree that the lag isn't good UX, I will look into getting it fixed soon. Aside from the lag, I was hoping folks might appreciate the artistic of the animations where companies are resolving…
I've also got poor performance on a pixel 3a, but the freeze was only about 2 seconds. As to the other, I never appreciate animations or scrolling hijinks on a website. It makes it harder to use and slows it down. But,I'm a grouchy old fucker.
Earlier quoted context omitted.
Thanks for the feedback. I think the lag might have been mainly due to the page loading and rendering 400+ job rows at once and is not related to the animation, though there might also be some hydration issues with the animation. Agree that the lag isn't good UX, I will look into getting it fixed soon. Aside from the lag, I was hoping folks might appreciate the artistic of the animations where companies are resolving…
Mine stopped exactly at the animation, before proceeding.
The animation stops because it gets blocked due to an issue with the table taking too long to render.
Excellent, looks really nice, thank you for putting it together Do you have some sort of feed/api that a program can consume? Would love to import those jobs into this CLI tool I created that helps people find good job matches, and track applications, using AI: https://github.com/nicobrenner/commandjobs Right now it has scrapers for HN’s Who is hiring, for Workatastartup and Workday
Thanks for your kind words! I haven't offered any public feed/api yet. Your project looks very cool. Will look more into it and circle back if I open up integration.
(you can click the Total Comp and Base Salary headers to sort)
Looking forward to seeing the improvements roll in. Great job with the website!
Earlier quoted context omitted.
I've also got poor performance on a pixel 3a, but the freeze was only about 2 seconds. As to the other, I never appreciate animations or scrolling hijinks on a website. It makes it harder to use and slows it down. But,I'm a grouchy old fucker.
Sorry for the lag. I just fixed 2 bugs (table and store hydration) that should massively improve it if you would like to try again. Thanks