Estoy buscando una solución adecuada para implementar el siguiente escenario.
Tengo una gran cantidad de datos json para procesar, anteriormente todos los datos se envían al servidor usando apis de descanso y el servidor realiza ciertas acciones en cada fila json, después de mucho tiempo, el servidor envía la respuesta con el estado de procesamiento de cada fila . pero este enfoque siempre confunde al usuario, ya sea que esté procesando o no (porque están viendo la pantalla de carga durante más de 10 minutos), ya que estoy usando apis de descanso, no puedo obtener ningún estado mientras procesa los datos.
Estoy buscando
mi frontend es ReactJS y el backend es nodejs
Según su situación dada. Puede usar la paginación y enviar los datos en un número limitado de paquetes de datos. Si el usuario desea más datos puede hacer clic en el siguiente o anterior dato. En este caso, sugeriría la biblioteca ANTD. Funciona perfectamente para la paginación. Para su referencia, aquí está el enlace para la versión de prueba.
También puede consultar este código Sandbox de Andrew Guo.
https://codesandbox.io/s/m4lj7l2yq8?file=/src/index.js
https://ant.design/components/pagination/
COMO mencionó que los datos están tardando demasiado, para esto puedo sugerir la indexación en la base de datos. Y puede mostrar Suspence hasta que se carguen todos los datos. Esto puede ayudar al usuario a comprender que los datos se han cargado. Aquí está el enlace para su referencia