用200行代码写一个小巧玲珑的react路由

简介

最近实现了一个小巧玲珑的react路由,只有200行代码。与react-router相比,具有以下优点:

1. 代码体积相差是10几倍, 如果是寸土寸金的移动端开发很适合。
2. 基本功能都在, 路由切换、路由事件等,react-router很多功能你一般用不到。
3. 不同于react-router反复初始化组件, 只需要初始化一次, 大大节省资源。

示例

在线示例

如何使用

import React from "react";
import Comp1 from "./comp/Comp1.jsx";
import Comp2 from "./comp/Comp2.jsx";
import { BeeRouter, BeeRouterEmitter } from "bee-router";

function clickHandler(item) {
  BeeRouter.push("/comp" + item);
}

function App() {
  BeeRouterEmitter.on("router-change", path => {
    console.log(path);
  });

  return (
    
导航1
导航2
); } export default App;

源码参考

地址

你可能感兴趣的