Как правильно делать изменение url в react app?

Question

[Evgeniy Kvasyuk]

Изучаю реакт, сделал рассширенную тудушку в которой есть поле фильтр, которо показывает задачи по фильтрующему слову, фильтрующее слово попадает в url как параметр через мидлвар, который выполняет browserHistory.replace....однако, как я понимаю, такой подход вызывает полную перерисовку страницы? Как выполнить задачу с занесение фильтрующего слова в урл, но так, чтобы не вызывать перерисовку всего App, а только компонента TodoList? И возможно ли это вообще?

Answer 1

[Stalker_RED]

До появления HTML5 единственное, что мы не могли контролировать и управлять (без перезагрузки контента или хаков с location.hash) — это история одного таба. С появлением HTML5 history API все изменилось — теперь мы можем гулять по истории (раньше тоже могли), добавлять элементы в историю, реагировать на переходы по истории и другие полезности.

Введение в HTML5 History API

Comments

[Evgeniy Kvasyuk]

а вообще правильным решением будет использование нативного history pushState и надстройки в виде browserHistory?

[Evgeniy Kvasyuk]

вообще рассматривал такой вариант, чтобы через экшен добавлять фильтр и соответственно перерисовывать список и мидлваром через pushState добавлять элемент в историю

[Stalker_RED]

Evgeniy Kvasyuk: browserHistory для того и придумали, чтобы его кто-то использовал. Вероятно там есть какие-то дополнительные плюшки, по сравнению с нативной историей. Или просто более удобный синтаксис. Я не настоящий сварщик, с реактом почти не знаком.