我注意到，当我更新过滤器时，它也会同时更新网址，反之亦然
例如youtube：https://www.youtube.com/
当我搜索“ stackoverflow”时，URL更改为： https://www.youtube.com/results?search_query=stack+overflow
当我过滤高清视频时，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和文章上的任何不错的演示）来应用它