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

Add infinite query examples #4775

Conversation

remus-selea
Copy link

@remus-selea remus-selea commented Dec 16, 2024

  • Add a cursor-based infinite scroll example
  • Add limit and offset infinite scroll example
  • Add page and size infinite scroll example
  • Add an intersection observer callback ref hook
  • Update routing to easily go back to the menu from the top section
  • Update handlers.ts with new handlers for the examples
  • Update redux-toolkit version for the infinite scroll examples

Copy link

codesandbox bot commented Dec 16, 2024

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders

Open Preview

@remus-selea remus-selea marked this pull request as ready for review December 16, 2024 00:07
Copy link

codesandbox-ci bot commented Dec 16, 2024

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 6ed4e42:

Sandbox Source
@examples-query-react/basic Configuration
@examples-query-react/advanced Configuration
@examples-action-listener/counter Configuration
rtk-esm-cra Configuration

@remus-selea
Copy link
Author

I got inspired by how discord does bidirectional pagination when jumping to a message from search. That's where I got "after", "before", "around" and "limit" from.

@remus-selea remus-selea force-pushed the feature/infinite-query-examples branch 2 times, most recently from 80752e6 to 45c4437 Compare December 16, 2024 19:16
@remus-selea remus-selea changed the title Add a bidirectional cursor infinite scroll example app Add a cursor-based infinite scroll example Dec 16, 2024
@remus-selea remus-selea changed the title Add a cursor-based infinite scroll example Add infinite query examples Dec 29, 2024
@markerikson markerikson force-pushed the feature/infinite-query-integration branch from 87270fe to 79f6ff8 Compare December 30, 2024 19:35
remus-selea and others added 3 commits December 30, 2024 19:04
@markerikson markerikson force-pushed the feature/infinite-query-examples branch from 7c76b35 to 6ed4e42 Compare December 31, 2024 00:11
@markerikson markerikson merged commit 78ff764 into reduxjs:feature/infinite-query-integration Dec 31, 2024
1 check passed
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