express - node - react router refresh 404

¿Cuál es la diferencia usando reaccionar-enrutador y el express routes.js

Question

Estoy haciendo un proyecto usando reaccionar, reducir y expresar, no entiendo cuál es la diferencia entre reaccionar-enrutador y el express routes.js, ¿necesité combinar los dos o simplemente usar uno?

https://github.com/reactjs/react-router

Gracias por la ayuda :)

Answer 1

Nota: esta publicación stackoverflow contiene ejemplos y códigos que podrían serle de mucha ayuda.

Es un malentendido clásico. Express manejará tus rutas de back-end, mientras que reaccionar manejará las rutas frontend. Su aplicación React probablemente sea un SPA (aplicación de una sola página), lo que significa que su servidor (Express u otra cosa) tendrá que servir el index.html y reaccionar manejará su aplicación desde aquí. Lo que significa que React evaluará las rutas y decidirá qué vista renderizar.

Por lo tanto, debe asegurarse de que cuando un usuario vaya por una ruta como /accounts/me , los servidores le entreguen su aplicación frontend (reaccionar) si es necesario, pero algo como /api/users/me representaría datos. Es solo un ejemplo.

Un uso "normal" sería manejar sus datos (a través de una API) con Express y la aplicación (páginas y vistas) solo con Reaccionar.

Si está utilizando la representación del servidor, se vuelve un poco más complicado.

En la mayoría de los casos, sí, tendrá que usar ambos.

Editar: sería más fácil responder si tu pregunta era más específica sobre tu uso y lo que quieres hacer.

Edición 2: la mayoría de las veces, no son los mismos servidores que sirven la aplicación frontend y la API (datos), si es así, solo asegúrese de que la aplicación se envíe cuando algunas rutas lleguen al servidor: es decir, /home , /about (que obviamente, no se trata de rutas api) se debe enviar serve index.html como su aplicación frontend, y React se ocupará de las rutas para decidir qué renderizar.