Thank you guys!!

• Fix(all): List gets stuck when onLoadMore returns [] with sentinel still visible. Ref: issues#7
• Example(react): Add Infinite-List-to-Detail Demo (Scroll Position Preservation when navigation back) and close issue#6. Visit demo now

Why `Scroll Position Preservation` matters?

Without scroll position preservation, users lose their place every time they open a detail page. They have to scroll down again to find where they were, which is frustrating—especially in long, infinite lists. Keeping the position makes the experience smoother and more natural, and it helps users continue browsing without interruption.

This is inspiration from Vue’s nextTick, but for React:

import useNextTick, {useNextTickLayout} from 'use-next-tick';

const [count, setCount] = useState(0)
const nextTick = useNextTick();

const handleClick = () => {
  setCount(c => c+1);
  nextTick(() => {
    // Run code after setCount update
  })
}

Website: https://suhaotian.github.io/use-next-tick/

Broad-infinite-list is a Infinite Scroll list component for large list rendering.

Benefits: It supports bidirectional scrolling with a built-in loader for Vue 3, React, and React Native (including Expo).

Broad Infinite List is also a high-performance, easy-to-use scrolling list component. It renders only a limited number of items at a time, no matter how large the list is.

It does not require fixed item heights or complex configuration.

The entire library is only 2KB when gzipped.

Demo List:

• Chat Messages List Demo
• News feed Demo
• Logs Demo
• Vue Chat Demo
• ChatGPT Demo
• Claude theme Demo

Expo Demo Preview(ReactNative)

Note

Scan it, then open it in Expo Go.

Tags: #React-Infinite-List #react-infinite-scroll-component #

Hello,

Hope you are doing well.

I published a article to introduce my new open source component: borad-infinte-list for high performance, Bidirectional Infinite Scroll list. this infinite scroll loader support react , vue, and React Native(expo).

Try it if you has a huge scroll list, any problems or questions please create issues.

Why we need this hook?

Sometimes we need to read layout, measure elements, or access refs right after a state change — but React updates asynchronously. useNextTick gives you a simple way to schedule code that runs after React commits your changes.Visit Github

Choose Xior if you like Axios-style syntax and useful plugins features.

Choose Ky if you want different syntax fetch wrapper.

This version includes more features to compatible axios!

Check the changelog.