資訊專欄INFORMATION COLUMN
摘要：單頁用路由實現導航。簡單介紹有如下特點它壓縮后只有的大小。包括組件，路由的嵌套，動態路由，默認路由支持在的屬性中設置。通過函數可添加路由過渡動畫的邏輯等。優化后可減小，后可減少的大小。
官方的 react-router 打包后有 100 多 k，移動端上相當影響首屏速度，這里有一個功能相當的 react 路由，只要 2k ?。。?/p>
分享給大家，歡迎 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 的大小。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80350.html
摘要：移動端組件庫重新設計了那塊組件，讓數據校驗變得更簡單。敬請期待依賴安裝下載依賴初始解決不同機型的多倍屏問題，通過設置視網膜顯示屏來達到統一的目的。方式二手動引入需要的組件加載加載 移動端React組件庫 重新設計了Form那塊組件，讓數據校驗變得更簡單。歡迎提出更多優化建議，如有興趣參與該項目，請郵件至：saytxk@gmail.com (-> . ->) 沒錯，我就是來騙 Star ...
摘要：簡潔直觀強悍的前端開發框架，讓開發更迅速簡單。是一套基于的前端框架。首個版本發布于年金秋，她區別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要：簡潔直觀強悍的前端開發框架，讓開發更迅速簡單。是一套基于的前端框架。首個版本發布于年金秋，她區別于那些基于底層的框架，卻并非逆道而行，而是信奉返璞歸真之道。 2017-1209 ZanUI (Vue) 2017-1218 Onsen UI(Vue, React, Angular) 2017-1215 增加 Vuetify, Weex UI, Semantic UI React,ele...
摘要：一個輕量級的移動端日期選擇器，不依賴于只有不到大小?？梢酝ㄟ^上下滑動來設置年月日。在模擬的移動端可上下滑動觸發事件。使用例子組件屬性名稱類型默認描述是否彈出日期選擇框的主題包括根據指定的年，月，日格式顯示日期。 react-mobile-datepicker 一個輕量級的react移動端日期選擇器，不依賴于moment.js, 只有不到4k大小。 react-mobile-datepi...
閱讀 1271·2021-11-15 18:14
閱讀 3128·2021-08-25 09:38
閱讀 2663·2019-08-30 10:55
閱讀 2673·2019-08-29 16:39
閱讀 1305·2019-08-29 15:07
閱讀 2446·2019-08-29 14:14
閱讀 810·2019-08-29 12:36
閱讀 909·2019-08-29 11:21
