Estoy usando una aplicación create-react-app con el paquete npm 'simultáneamente' para poder ejecutar npm run dev para iniciar un servidor back-end y una aplicación de reacción front-end. Nodemon está en juego para los archivos del servidor.

En el front-end, algunos datos se extraen del servidor a través de un gancho useEffect y se devuelven a través de un componente.

La operación de desarrollo es así:

Cuando cambio un archivo de servidor (backend), nodemon reinicia el servidor. Eso es todo, tal vez como se esperaba.

Cuando cambio un archivo de servidor (backend) y luego guardo un archivo de interfaz (sin cambios en el archivo, solo una operación de guardado), la aplicación de reacción se vuelve a compilar pero los datos del servidor que se muestran en la pantalla no se actualizan.

Cuando cambio un archivo de servidor (backend), luego cambio un archivo de interfaz y luego lo guardo, obtengo una actualización de la aplicación de reacción y los datos del servidor en las actualizaciones de pantalla.

En la actualidad, se requiere una operación de guardado en un archivo frontend modificado para reflejar los cambios del servidor en la pantalla. Esto es casi tan molesto / lento como simplemente actualizar el navegador.

¿Hay alguna manera de lograr el siguiente flujo de trabajo:

1. Se realiza un cambio en un archivo de servidor, server.js
2. Nodemon reinicia el servidor, server.js
3. La aplicación React asociada (mismo proyecto) vuelve a cumplir
4. Los nuevos datos del servidor se devuelven automáticamente a la pantalla.