Ordenación del lado del cliente

Aquí tenemos una API que ordena según el campo orderBy. Al envolver nuestra Collection en una Query que ordena, podemos asegurar que se mantenga el orden correcto después de agregar nuevas publicaciones.

Nuestro código de ejemplo comienza ordenando por title. Prueba agregar algunas publicaciones y observa cómo se insertan en el orden correcto.

getPosts

NewPost

PostList

UserList

import { useSuspense } from '@data-client/react';
import { getPosts } from './getPosts';
import NewPost from './NewPost';

export default function PostList({ author }: Props) {
  const posts = useSuspense(getPosts, {
    author,
    orderBy: 'title',
    group: 'react',
  });
  return (
    <div>
      {posts.map(post => (
        <div key={post.pk()}>{post.title}</div>
      ))}
      <NewPost author={author} />
    </div>
  );
}
interface Props {
  author: string;
}

Resultado

Store▶