@liveblocks/react-ui

@liveblocks/react-ui

@liveblocks/react-ui provides React pre-built components for the Liveblocks products.

Installation

npm install @liveblocks/client @liveblocks/react @liveblocks/react-ui

Documentation

Read the documentation for guides and API references.

Examples

Explore our collaborative examples to help you get started.

All examples are open-source and live in this repository, within /examples.

Releases

See the latest changes or learn more about upcoming releases.

Community

• Discord - To get involved with the Liveblocks community, ask questions and share tips.
• X - To receive updates, announcements, blog posts, and general Liveblocks tips.

License

Licensed under the Apache License 2.0, Copyright © 2021-present Liveblocks.

See LICENSE for more information.

Changelog

2.9.0

We are introducing pagination support to allow apps using threads and inbox notifications to be built in a more user-friendly way, where the initial load is faster and more data can be fetched incrementally as users interact with the app.

@liveblocks/react

• Add pagination support to useInboxNotifications()

  const {
    inboxNotifications,
    isLoading,
    error,
  
    // ✨ New in Liveblocks 2.9
    fetchMore,
    isFetchingMore,
    hasFetchedAll,
    fetchMoreError,
  } = useInboxNotifications();
  

• Add pagination support to useThreads() and useUserThreads_experimental()

  const {
    threads,
    isLoading,
    error,
  
    // ✨ New in Liveblocks 2.9
    fetchMore,
    isFetchingMore,
    hasFetchedAll,
    fetchMoreError,
  } = useThreads({ query });