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.

Sign up for GitHub

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

Jump to bottom

website: Implement infinite scroll #184

Closed
hackerkid opened this issue Oct 18, 2019 · 5 comments
Closed

website: Implement infinite scroll #184

hackerkid opened this issue Oct 18, 2019 · 5 comments
Assignees
@SurajKhayamali
Labels
easy gatsby hacktoberfest react

Comments

@hackerkid
Copy link
Owner

Currently all the books are loaded when the homepage is loaded. Instead of this implement an infinite scroll that loads more books only when the user scrolls to the bottom of page.

See https://github.com/hackerkid/Mind-Expanding-Books/tree/master/app to setup development environment
@hackerkid hackerkid mentioned this issue Oct 18, 2019
Closed
8 tasks
@SurajKhayamali
Copy link
Contributor

I am planning to load 4 books at a time considering current layout. And yeah, As the user scrolls down, More and more books will load.

@hackerkid
Copy link
Owner Author

@SurajKhayamali Thats reasonable. Go ahead.

@SurajKhayamali SurajKhayamali mentioned this issue Oct 20, 2019
Closed
1 task
@SurajKhayamali
Copy link
Contributor

#211 @hackerkid
Page loads significantly faster now :)

@SurajKhayamali
Copy link
Contributor

Loading 12 books at a time to fix scrolling issue on devices with viewport larger than initial rendered documents

@hackerkid
Copy link
Owner Author

Closed in #211

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@SurajKhayamali SurajKhayamali

Labels
easy gatsby hacktoberfest react
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@hackerkid @SurajKhayamali