Actualizaciones optimistas de la interfaz de usuario tras una mutación

Habremos observado que, cuando los usuarios crean una tarea pendiente, se da una latencia. También podemos crear interfaces de usuario donde la interfaz de usuario se actualiza de forma optimista, suponiendo que la mutación vaya a tener éxito.

Para habilitar la alternancia entre estados completados, y para borrar las tareas pendientes, vamos a utilizar las actualizaciones optimistas al ejecutar mutaciones.

Aprenderemos los siguientes conceptos:

  • Crear una mutación GraphQL
  • Utilizar el hook React useMutation
  • Integrar las actualizaciones optimistas de la interfaz de usuario
  • Capturar los estados de carga/finalización/error

¡Empecemos!

Did you find this page helpful?
Start with GraphQL on Hasura for Free
  • ArrowBuild apps and APIs 10x faster
  • ArrowBuilt-in authorization and caching
  • Arrow8x more performant than hand-rolled APIs
Promo
footer illustration
Brand logo
© 2024 Hasura Inc. All rights reserved
Github
Titter
Discord
Facebook
Instagram
Youtube
Linkedin
graphql-handbook