web-router

运行 yarn test 来测试

react-router 的模拟实现, 用作学习交流

How To Use It

yarn remove react-router react-router-dom @types/react-router @types/react-router-dom
yarn add https://github.com/wu-yu-xuan/web-router.git#v0.1.0

把 react-router | react-router-dom 全局查找替换成 web-router

break change: BrowserRouter 更名为 Router

仅实现了部分常用功能, 如果不能运行, 可以参考本项目的类型定义迁移至类似功能

或欢迎提出 issue 和 pr!

Concurrent Mode(Experimental)

use at you own risk!!!

if you love react concurrent mode, you can:

yarn add https://github.com/wu-yu-xuan/web-router.git#v0.2.1

and rename Switch into TransitionSwitch

it will use useTransition to switch from pages

经过大量尝试, 建议把 timeoutMs 设为大于 5000 的值, 否则好像没有效果, 感觉应该是 react 的 bug

Who Is Using It

blog.mscorlib.top