「react-rainie-router」輕量的mobile移動端 react 路由，只有 2k!

官方的 react-router 打包後有 100 多 k，移動端上至關影響首屏速度，這裏有一個功能至關的 react 路由，只要 2k ！！！

分享給你們，歡迎 star，歡迎試用，優化性能！這裏分享給你們：

GitHub：https://github.com/lanjingling0510/react-rainie-router

開發目的

最近在作公司的 CQASO 移動端項目，用的 react+redux 。 spa 單頁用 react-router 路由實現導航。每一個頁面單獨請求(coding-split)後，公共模塊的 js 大小爲 120k(gzip 壓縮後)，加上分離出來的單個頁面的大小，致使首屏的渲染響應速度極低。爲了提升首屏的響應速度，減少 bundle 的大小，我放棄了 100 多 k 的 react-router ，本身寫了一套功能， api 同樣的路由。

簡單介紹

react-rainie-router 有以下特色：

它壓縮後只有 2k 的大小。

• 它包含了 react-router 的大部分功能。包括 Router,Route,Link 組件，路由的嵌套，動態路由，默認路由

• 支持coding-spliting,在 Route 的 getComponent 屬性中設置。

• 能夠不依賴 history ，使用 html5 的 history API 。

• 經過 listenBofore 函數可添加路由過渡動畫的邏輯等。

優化後可減少， gizp 後可減小 15k 的大小。