Post Top Ad

Your Ad Spot

jueves, 15 de octubre de 2020

Tutorial de React Router Redux

 En este tutorial veremos cómo usar react-router-redux (anteriormente conocido como redux-simple-router ) para controlar la URL como parte del estado de la aplicación.

Si está utilizando Redux para administrar el estado de la aplicación y el React Router para agregar enrutamiento entre componentes, entonces podría tener algunas situaciones en las que quisiera mantener el estado de la URL sincronizado con la tienda Redux. La biblioteca react-router-redux hace exactamente eso.

La biblioteca funciona manteniendo una copia de la información de ubicación oculta dentro del estado de Redux que será útil cuando manipule (rebobinar, restablecer o reproducir, etc.) el estado de su aplicación con herramientas como Redux DevTools ya que la biblioteca se asegurará de propagar todo actualizaciones al React Router (que actualizará el árbol de componentes en consecuencia).

Tenga en cuenta que no desea usar esta biblioteca si solo necesita usar Redux y React Router en su aplicación para manejar el estado global y el enrutamiento, ya que las dos bibliotecas se pueden usar juntas sin ningún problema y sin usar ningún extra. Bibliotecas. Solo necesita esta biblioteca si necesita registrar las acciones del usuario y rebobinarlas / reproducirlas, pero en sincronización con React Router.

Generar una aplicación React

Si no tiene instalada la aplicación Create React, primero ejecute el siguiente comando para instalarla desde npm:

npm install -g create-react-app

A continuación, creemos una nueva aplicación React:

create-react-app react-redux-router-demo

¿Cómo usar react-router-redux?

Después de generar una aplicación React, necesita instalar Redux, los enlaces React Redux y React Router DOM desde npm:

cd react-redux-router-demo
npm install --save redux react-redux react-router-dom

A continuación, debe instalar react-router-redux desde npm usando:

npm install --save react-router-redux

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas