umijs是react框架;umijs是一個可插拔的企業級react應用框架,以路由為基礎,支援類別「next.js」的約定式路由,以及各種進階的路由功能,並以此進行功能拓展;umijs配上生命週期完善的插件體系,涵蓋從原始碼到建構產物的每個生命週期,支援各種功能擴展和業務需求。
本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。
umijs是react框架
umi官方宣稱是可插拔的企業級react 應用框架。 umi 以路由為基礎的,支援類別next.js 的約定式路由,以及各種進階的路由功能,並以此進行功能擴展,例如支援路由級的按需載入。然後配以完善的插件體系,涵蓋從原始碼到建構產物的每個生命週期,支援各種功能擴展和業務需求,目前內部和外部加起來已有50+ 的插件。
umi 是螞蟻金服的底層前端框架,直接或間接地服務了600+ 應用,包括支援java、node、H5 無線、離線(Hybrid)應用、純前端assets 應用、CMS 應用等。他已經很好地服務了我們的內部用戶,同時希望他也能服務外部用戶。
Umi,中文可發音為烏米,是可擴展的企業級前端應用框架。 Umi 以路由為基礎的,同時支援配置式路由和約定式路由,確保路由的功能完備,並以此進行功能擴展。然後配以生命週期完善的插件體系,涵蓋從來源碼到建構產物的每個生命週期,支援各種功能擴展和業務需求。
擴展知識:
它主要具備以下功能:
1.可擴展,Umi 實現了完整的生命週期,並使其插件化,Umi 內部功能也全由插件完成。此外還支援插件和插件集,以滿足功能和垂直域的分層需求。
2、開箱即用,Umi 內建了路由、建置、部署、測試等,只需一個依賴項即可上手開發。並且還提供針對React 的整合插件集,內涵豐富的功能,可滿足日常80% 的開發需求。
為什麼不是? create-react-app
create-react-app 是基於webpack 的打包層方案,包含build、dev、lint 等,他在打包層把體驗做到了極致,但不包含路由,不是框架,也不支援設定。所以,如果大家想基於他修改部分配置,或是希望在打包層之外也做技術收斂時,就會遇到困難。
# 建立目錄$ mkdir myapp && cd myapp # 安裝依賴$ yarn add umi # 建立頁面$ npx umi g page index --typescript --less # 啟動開發$ npx umi dev