From 825f9eb481688edc0bb924cb0a9c545b1400e0c7 Mon Sep 17 00:00:00 2001 From: Petyo Ivanov Date: Mon, 8 Apr 2024 08:54:09 +0300 Subject: [PATCH] docs: update README --- README.md | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index f6c1f3238..1e24d626e 100644 --- a/README.md +++ b/README.md @@ -2,10 +2,10 @@ [![npm version](https://img.shields.io/npm/v/react-virtuoso.svg?style=flat)](//badge.fury.io/js/react-virtuoso) -**React Virtuoso** is the most powerful React virtual list/table component, full stop. Here's why: +**React Virtuoso** - the most complete React virtualization rendering list/table/grid family of components. - Variable sized items out of the box; no manual measurements or hard-coding item heights is necessary; -- Support for [reverse (bottom up) scrolling and prepending items](https://virtuoso.dev/prepend-items/) (chat, feeds, etc); +- [Chat message list UI](https://virtuoso.dev/virtuoso-message-list/) **NEW**; - [Grouped mode with sticky headers](https://virtuoso.dev/grouped-by-first-letter/); - [Responsive grid layout](https://virtuoso.dev/grid-responsive-columns/); - [Table Support](https://virtuoso.dev/hello-table/); @@ -40,6 +40,11 @@ const App = () => { ReactDOM.render(, document.getElementById('root')) ``` +## [Message List](https://virtuoso.dev/virtuoso-message-list/) + +The Virtuoso message list component is built specifically for human/chatbot conversations. In addition to the virtualized rendering, the component exposes an imperative data management +API that gives you the necessary control over the scroll position when older messages are loaded, new messages arrive, and when the user submits a message. The scroll position can update instantly or with a smooth scroll animation. + ## [Grouped Mode](https://virtuoso.dev/grouped-by-first-letter/) The `GroupedVirtuoso` component is a variant of the "flat" `Virtuoso`, with the following differences: