I have a web page with a search panel. Search panel has several input fields: id, size, ...
What I want is when user set search values (for example: id=123 and size=45) and press a search button:
- searchState in Redux reducer should be updated with new search values (id=123 and size=45)
- URL should be changed to "http://mydomain/home?id=123&size=45"
And on the other hand if the user changes URL to http://mydomain/home?id=111&size=22 then:
- searchState in reducer should be changed with new search values (id=111 and size=22)
- UI search panel inputs should be updated with new values (id=111 and size=22)
How to reach with goal? What router should I use (react-router, redux-router, react-router-redux ot other)?