weixin_63443072的博客

React Router 从 v6 版本开始支持类似 Vue 的集中式路由表配置方式，通过useRoutesHook 可以将路由配置统一管理。这种方式相比传统的 JSX 声明式路由更加简洁，特别适合中大型项目。通过使用useRoutes+ 集中式路由表的方式，React 也可以实现类似 Vue Router 的路由配置体验。这种方式特别适合需要统一管理路由逻辑的项目，开发者可以根据项目需求灵活选择传统声明式或集中式配置方案。

大家可能还是不认识微前端或者它的好处，下面我介绍微前端以及它的好处。微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活。micro-app是借鉴了。

钩子可能会执行两次的原因通常与React的严格模式（Strict Mode）有关。React的严格模式是一种开发工具，用于突出显示应用程序中的潜在问题。在开发模式下，严格模式会故意重复调用某些函数，以帮助开发者发现意外的副作用。因此，只需要回到main.jsx中去掉StrictMode标签就可以解决了。看起来这个代码中，应该会执行一次打印语句。但是实际上却执行了两次。

【代码】React的useEffect用法。

一个路由就是一个映射关系key为路径, value可能是function或component2.理解：value是function,用来处理客户端提交的请求。注册路由： router.get(path, function(req, res))工作过程：当node接收到一个请求时, 根据请求路径找到匹配的路由, 调用路由中的函数来处理请求, 返回响应数据（2）前端路由浏览器端路由，value是component，用于展示页面内容注册路由。

在package.json中追加如下配置："proxy":"http://localhost:5000"在src下创建配置文件：src/setupProxy.jssetupProxy.js文件App.js文件

用于动态构建用户界面的JavaScript库只关注于视图由Facebook开源3.React高效的原因使用虚拟不总是直接操作页面真实DOM。DOM Diffing算法最小化页面重绘。