Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding infinite scrolling and changing useQuery to useInfiniteQuery to handle this #53

Merged
merged 292 commits into from
Aug 5, 2022

Conversation

Mau-MD
Copy link
Owner

@Mau-MD Mau-MD commented Aug 5, 2022

App Context

Learning U is a platform where software engineers can go and learn new technologies in an organized way. They can track their progress and get suggestions about what courses to take in both visual and written ways.

PR Context

Right now all the courses are fetched all at once, this means that if you have 100 courses, they all going to be fetched at the same time, making the app feel slow.

This PR

Changes useQuery to useInfiniteQuery making it easy to handle this type of logic. It also adds a function to detect if the user has scrolled all the way down, and also a debounce function

CleanShot.2022-08-05.at.09.35.10.mp4

Next

Add a course searchbar!

IMPORTANT:

Since this PR was based in another one, a lot of commits appear here even if they are not related to this PR. In reaility commits start here: adding skip and limit to course fetch so it can support pagination

How to preview a PR on Vercel

  • Go to /login and log in with username admin and password admin123
  • Go to /dashboard

Mau-MD added 27 commits July 29, 2022 11:09
…oid users unfollowing users when they are looking at another profile
@vercel
Copy link

vercel bot commented Aug 5, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
learning-u ✅ Ready (Inspect) Visit Preview Aug 5, 2022 at 4:32PM (UTC)

@@ -44,8 +45,23 @@ course.post("/new", async (req: RequestWUser, res, next) => {

course.get("/me", async (req: RequestWUser, res, next) => {
const { user } = req;
const { limit, skip } = req.query;

if (
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

same here, could be extracted to a utils function!

@Mau-MD Mau-MD merged commit 6916656 into main Aug 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants