Updates! New tag specific feed pages, & a better data loading UX
A new small PR was created: https://github.com/peakshift/makers.bolt.fun/pull/214
And here is what's included:
-
Each official tag gets its own feed page with a shareable URL
-
Unify the formatting of the tags across the UI of the app
-
Remove the "Following" button from the feed page
-
Updated the project to use the latest version of React-Router-Dom.
In their latest version, they introduced new data loading patterns (originally from Remix) that could allow for some nice improvements to the UX that were not really possible before.One of those improvements is enabling us to fetch the data for a page before navigating to it!
So for example, the post details page worked previously like this:
- We are in the feed page
- Click on a post
- Fetch the post details page component (Lazy loaded)
- When done, navigate to the page & start fetching the post data
- Show a skeleton for the page while it's loading the data
- Show actual dataNow it became:
- We are in the feed page
- Click on a post
- Start fetching BOTH the post details component AND its api data. And while fetching the data, stay on the original page!
- When data fetched, navigate to the post details page & immediately show it with filled data[[ There are still some missing pieces in the new pattern, so currently, I only refactored the PostDetailsPage to use the new approach & will gradually refactor the rest of the pages later ]]