Reaccionar: dada una matriz, renderiza los elementos en orden inverso de manera eficiente
Actualmente renderizo una lista en el típico estilo React. La lista se pasa como una matriz de utilería, y la mapeo así:
{this.props.myList.map(createListItem, this)}
Entonces, cuando se agrega un nuevo elemento, parece que el último elemento se agregó al final de la lista.
Me gustaría que el último elemento aparezca en la parte superior. es decir, todo aparece en orden cronológico inverso.
Las dos opciones que he encontrado hasta ahora son: 1) Invierta la lista, creando una nueva matriz cada vez que se agrega algo, y pase esta lista invertida como accesorio. 2) Usar turno.
Pero ambos son poco atractivos debido al rendimiento.
No estoy al tanto de que Javascript soporte la asignación en orden inverso. He intentado un bucle for pero no he podido hacerlo funcionar.
¿Cuál es la forma idiomática de representar una matriz en orden inverso en React?