Acabo de empezar a trabajar en react-spring. Desde el principio, he visto el uso de la etiqueta '''<animated>'''. A medida que exploro más y aumenta la complejidad, encuentro más y más detalles del código que no entiendo completamente.
Por ejemplo, solo eche un vistazo a este sandbox: https://codesandbox.io/s/stupefied-noether-8i6o0
Todavía no tengo claro cómo funciona la variable clave pasada a la etiqueta animada bajo el capó. Además, ¿hay una lista exhaustiva sobre qué parámetros puedo pasar a la etiqueta animada?
Además, ¿hay buenos tutoriales/recursos para comprender en detalle el resorte de reacción? Aunque el documento oficial es bastante útil, no proporciona suficiente resolución sobre micro detalles de cada aspecto de su función.
El accesorio key no está directamente relacionado con react-spring, en su ejemplo puede ver que la string , que es una matriz, usa la función map() para mapear y representar divs animados.
key es utilizada por React para poder rastrear esos elementos entre cambios y poder determinar si el DOM virtual necesita generar esos elementos nuevamente como un todo o solo los nuevos que se agregan. Puede encontrar más información sobre claves y listas aquí .
Para obtener más información sobre react-spring, puede encontrar más información aquí , si tiene algo específico que le gustaría lograr, siéntase libre de hacer una pregunta al respecto, jugar con la biblioteca y experimentarlo usted mismo probablemente sea la mejor manera de aprender sobre eso