最適合初學者使用的react框架—UMI.js

介紹

最近接觸到了一個新的react框架，大大省略了我開發的時間，並且學起來和上手都挺容易的。但論壇上關於這個框架的介紹並很少。我就大概介紹一下這個框架並寫一些使用心得。

1.什麼是umi 它是由dva的開發者雲謙編寫的一個新的React開發框架。它既是一個框架也是一個工具。簡單的理解能夠稱它爲一個類 next.js 的專一性能的前端框架。經過約定、自動生成和解析代碼等方式來輔助開發，減小開發者要寫的代碼量。 umi是通用方案，幾乎適用於如今全部的web環境。

2.umi的優點 umi是一個類next.js的專一性能的前端框架，它的優點是：

• 內置的大量性能優化
• 多端，無縫支持容器和瀏覽器訪問
• 類 webpack 的插件機制
• 針對 antd 和 dva 有友好的支持 以前在使用官方腳手架create-react-app的時候你不光須要瞭解react的知識還須要懂得redux、react-router，初學者在結合這些知識的時候是很困難的。而UMI是結合了目前市面上流行的dva狀態管理工具和文件即路由的方式來開發項目。什麼是文件即路由呢？那就是你在page下新建了文件，UMI會自動幫你生成配套的路由！是否是很是方便，特別是在多人協同開發的時候你不用再擔憂每一個人路=路由配置的問題了。

3.umi的可擴展性 做者稱「umi有着類webpack般靈活的插件機制，他就是一個架子」。 主要的umi項目，甚至不到700行代碼（629行），把骨架搭好，把框架的生命週期鉤子暴露出來，而後經過插件讓功能豐富起來（包括現有的內部邏輯也是這麼實現的）。 我卻更喜歡把它形容爲一個高達玩具，對於剛入手的玩家，能夠根聽說明書，一步一步的組裝出本身心愛的玩具。而對於高玩來講，官方提供了一個骨架，保證了高達的可動性，而後你本身能夠隨意的DIY，任意的使用材料和設計方式。 對於umi也是相同，對於剛接觸前端的朋友，你能夠很好的完成公司的業務需求。對於對前端有必定了解的朋友，你能夠隨意的修改，包括配置、編譯、開發、模板、請求方式、數據流等等，幾乎全部你能想到的前端工程化的內容，都容許你自定義。而且在一步步接觸這些可配置項的時候，你也對前端工程化有了一步步的認識和理解。

4.umi的性能 對於項目性能方面，UMI也作了不少的優化，包括尺寸，執行效率，首屏加載時間，用戶體驗等等方面，但這些對於開發者實際上是無感知的，能夠說有時候你就升級了一下插件版本，你的整個項目就優化了，你根本不須要進行任何的多餘操做。做者稱「你只管寫業務代碼，我會負責性能，而且隨着umi的迭代，我保證你的應用會愈來愈快」。 簡單的說，umi作到了開箱即用，對於開發者和前端初學者是很是友好的。

下一篇文件我會介紹如何使用umi