What is the correct way to change url in react app?

Question

JavaScript

I’m studying React, I made an extended one in which there is a filter field that shows tasks by the filter word, the filter word gets into the url as a parameter through the middleware, which performs browserHistory.replace .... however, as I understand it, this approach causes a complete redraw of the page ? How to perform the task of putting the filter word in the URL, but in such a way that it does not cause the entire App to be redrawn, but only the TodoList component? And is it even possible?

Answer 1

Before HTML5, the only thing we could not control and manage (without content reloading or location.hash hacks) was the history of a single tab. With the advent of the HTML5 history API, everything has changed - now we can walk through the history (we used to be able to too), add elements to the history, respond to history transitions, and other usefulness.

Introduction to the HTML5 History API