Contexto del escenario: la aplicación muestra "listas de seguimiento" de varios precios de cotizaciones bursátiles en una lista. El usuario puede agregar tantas "listas de seguimiento" como desee. Cada lista de seguimiento contiene artículos en existencia, que muestran el último precio, etc.

Jerarquía actual:

• El contenedor (abuelo) se conecta al websocket de datos bursátiles, alberga listas de seguimiento, pasa el mensaje del websocket a través de accesorios
  • La lista de seguimiento (principal) alberga artículos en stock, pasa datos de websocket al niño a través de accesorios
    • El elemento de stock (hijo) representa los precios de las acciones a partir de la propiedad de datos websocket

Diseños intentados: probé un par de diseños, todos funcionan, pero no son eficaces.

1. Pase datos de websocket de Abuelo -> padre -> hijo a través de accesorios (Lento, vuelve a renderizar todas las listas de observación)
2. Cada niño escucha en websocket para representar el precio de las acciones (muy lento, un solo websocket no puede escuchar cientos o miles de listas de seguimiento)

Pregunta: ¿Qué es un diseño de componente eficiente y eficaz para leer una única fuente de datos (en mi caso, los datos del websocket de Grandparent) en cientos o miles de niños de reacción?