• 静态网站
• 动态网站（asp jsp php）
• 前后端分离
• 单页应用 grunt Webpack Router
• ssr/ssg

React-router

Package	Description
react-router	core 核心包
react-router-dom	DOM bindings for React Router
react-router-native	RN bingings for React Router
react-router-config	static route config helpers

[!note] parse URL (解析) -> Router Match（匹配） -> Render （渲染）

1. 解析 - 感知、操作 url Memory History Browser History Hash History
2. 匹配 - 页面渲染
3. 渲染

路由项目实践

[!归因] 打开任意页面，白屏时间超长 - js bundle 资源超大 一个旁支页面的变更升级，导致主页直接崩溃 - SPA 的问题 页面加载后，数据内容空白时间超长 - 海量数据请求接口

解决

1. 「微前端」 切割巨石 SPA 应用，解决首屏渲染慢的问题

2. Lazy + Suspense 异步懒加载

3. Next 通过嵌套的方式，文件系统声明约定式路由（对比声明式路由）