Aplicación completa con react 18 - React Router v6 y Redux Toolkit

Aprende a usar react Router y Redux (Redux Toolkit) para manejar las rutas y el estado de la aplicación.
Aprende a crear aplicaciones web de varias páginas con react y React-Router. Gestiona los datos de tu aplicación con la biblioteca Redux.
Aprende a cómo acceder fácilmente a los datos que tenemos globalmente desde nuestros componentes con React JS.
Aprende a manipular los datos almacenados en Redux mediante la creación de acciones.
Este tutorial es ideal para personas que tienen conocimientos básicos de HTML, CSS, JavaScript y React JS.
#redux #toolkit #javascript #react #reactjs #reactrouter

[@jpdev]

Buen tutorial, gracias pero si aparte de users tengo otra lista de equipos por users como haría para traer también esa data?

[@freedevabc]

En uriContants puedes agregar otro objecto algo así uriContants = {..., equipos: {path: `equipos/${id}`, stateType: 'equipos' } }}, el id debe ser de un solo usuario, pero si en caso quieres traer muchos usuarios relacionados a los equipos, debes talvez pasarlo por params los ids y no por url, pero si quieres pasarlo por url, sería un array como parámetro: export const uriConstants = (ids = []) => {...} y dentro del objeto conviertes ese array a cadena: const stringIds = ids .join('/'). Luego pasas los stringIds a tu path: `equipos/${stringIds} y asegúrate que no sea un array vacío. Luego en tu componente dentro del useEffect llamas a dispatch(fetchService(uriConstants([1, 2, 4. 5, ...]).equipos)). Y finalmente usas const { equipos} = useSelector(({data}) => data); para obtener el JSON. En ese caso te listará los equipos que pertenecen a varios usuarios. Espero haberte ayudado.

[@josbexerra8115]

Muchas gracias, excelente tutorial