Estoy trabajando en un proyecto React 16 , que tiene área de administración. Larga historia corta, tiene esta estructura:

{amp}lt;AdminWrapper.Provider{amp}gt; {amp}lt;AdminMenu /{amp}gt; {amp}lt;PrivateRoute path={'/profile'} component={Profile} /{amp}gt; . . . {amp}lt;/AdminWrapper.Provider{amp}gt; 

Como puede ver, estoy usando Context para proporcionar el objeto Auth a través del árbol, por lo que puedo establecer rutas privadas.

Dentro de mi componente de Perfil, estoy haciendo una llamada ajax a un back-end, donde estoy buscando el objeto de perfil, una de cuyas propiedades es el avatar personalizado, que los usuarios pueden configurar por sí mismos. Como estoy realizando la autenticación oAuth, inicialmente el usuario tiene asignada una dirección de correo electrónico y, en un formulario dentro de este componente, puede agregar su información adicional.

Después de configurar la estructura, se me ocurrió mostrar también la imagen de avatar personalizada en el menú de administración, es decir, en el componente AdminMenu.

En este punto, me cuesta elegir cuál es la mejor manera de reestructurar mi aplicación, para poder usar las propiedades de perfil del usuario autenticado en toda el área de administración.

Aunque, en este punto, estoy pensando en usar el patrón Redux, por otro lado, trato de mantener los datos del formulario encapsulados en su propio componente, como lo he hecho, encapsulándolo en el componente Perfil y vinculándome a su estado.

Gracias