Soy nuevo en React.js y me cuesta entender algunos conceptos básicos para decidir si usaremos esta biblioteca para nuestra aplicación. Mi problema principal es en realidad manejar la actualización en el modelo que se recuperó del servidor.

Imagina que tengo una página que debería mostrar cinco modelos diferentes. Lo he construido de la manera descrita en este artículo:http://facebook.github.io/react/blog/2013/11/05/thinking-in-react.html, así que tengo un componente "raíz" donde todos los 5 modelos pasaron y usando accesorios, van a los componentes que contienen estos modelos. Por lo tanto, ahora se actualizan 2 modelos (recibo estos eventos de mi código de modelo que viven fuera de los componentes de reacción) y debo reflejar esto en la interfaz de usuario. ¿Cuál es la mejor manera de hacer esto?

Estoy pensando en las siguientes opciones:

Ejecute renderComponent con datos nuevos una vez más y confíe en las técnicas de reacción de DOM. Tengo una preocupación con esto, ya que tendré que hacer esto en cualquier pequeño cambio de datos.Llame a setState para los componentes que sostienen estos modelos. De esta manera, los datos se convierten no en prop., Sino en un estado que (por lo que entiendo) no es una buena práctica. Además, no veo ninguna forma de obtener una referencia al componente secundario fuera del componente raíz.Tener múltiples llamadas a renderComponent, de esta manera tendré acceso a setProps para cualquiera de este componente. Pero luego tendré que hacer un trabajo de creación de plantillas (para tener todos los contenedores disponibles en la página) y eso mata toda la idea de reacción.Tener un componente raíz que incluya todos los modelos posibles en la aplicación mostrada a los usuarios y llamar a setProps para cambiar los modelos. Mi preocupación aquí es que este componente crecerá bastante grande y se convertirá en "espagueti" en algún punto + preocupaciones del punto 1.

Gracias de antemano y espero haber podido explicar mi problema claramente.