Я замечаю, что когда я обновляю фильтр, он также обновляет URL и наоборот
Например, YouTube: https://www.youtube.com/
Когда я ищу 'stackoverflow', URL меняется на:
https://www.youtube.com/results?search_query=stack+overflow
И когда я фильтрую HD-видео, URL-адрес меняется на:
https://www.youtube.com/results?sp=EgQQASAB&search_query=stack+overflow
Видите, что? Sp = EgQQASAB, почему они пытаются закодировать эту часть, по крайней мере, она не читается человеком?
Когда я нажимаю кнопку "Назад". Это идет к
https://www.youtube.com/results?search_query=stack+overflow
https://www.youtube.com/
Как добавить это в URL:? Search_query = stack + overflow (почему бы не кодировать эту часть тоже)
Я видел это на многих сайтах и знаю, что это лучшая практика. Итак, мой вопрос:
Какое именно название этой лучшей практики / техники? Я вряд ли нахожу какие-либо статьи или учебники?
зачем нам это делать
Есть ли хорошие статьи, которые я могу выучить? Я искал эти статьи, но это всегда приводило меня к некоторым бэкэнд-статьям (например, лучший способ обработки URL-адресов бэкэндов), а этот - внешний
У вас есть какая-нибудь диаграмма, чтобы визуализировать эту лучшую практику? (например:
Когда мы выбираем данные, сначала захватываете запрос из URL и добавляете его к запросу для отправки на сервер. Когда мы обновляем фильтр, сначала обновляем URL-адрес, а затем собираем запрос с URL-адреса и отправляем запрос на сервер? Как насчет того, когда мы нажимаем кнопку назад? Я заметил, что когда мы щелкаем назад, это обновляет данные, URL, а также состояние компонента фильтра, такого как панель поиска ... Я не знаю, просто спросите об этом). Таким образом, мы должны управлять данными, URL и состоянием компонента одновременно, мы пытаемся как-то синхронизировать это?
Как я могу применить это с помощью React (любое хорошее демо на github и статьях)