# 前端三大主流框架 * Angular.js：出來最早的前端框架，學習曲線比較陡，NG1學起來比較麻煩，NG2開始，進行了一系列的改革，也開始啟用組件化了；在NG中，也支持使用TS（TypeScript）進行編程；（國內使用率炒雞低） * Vue.js：最火的一門前端框架，它是中國人開發的，對我我們來說，文檔要友好一些； * React.js：最流行的一門框架，因為它的設計很優秀； # React與vue.js的對比 ## 組件化方面 1. 什么是模塊化：從 **代碼** 的角度，去分析問題，把我們編程時候的業務邏輯，分割到不同的模塊中來進行開發，這樣能夠**方便代碼的重用**； 2. 什么是組件化：從 **UI** 的角度，去分析問題，把一個頁面，拆分為一些互不相干的小組件，隨著我們項目的開發，我們手里的組件會越來越多，最后，我們如果要實現一個頁面，可能直接把現有的組件拿過來進行拼接，就能快速得到一個完整的頁面， 這樣方**便了UI元素的重用**；**組件是元素的集合體**； 3. 組件化的好處： 4. Vue是如何實現組件化的：.vue 組件模板文件，瀏覽器不識別這樣的.vue文件，所以，在運行前，會把 .vue 預先編譯成真正的組件； * template： UI結構 * script： 業務邏輯和數據 * style： UI的樣式 5. React如何實現組件化：在React中實現組件化的時候，根本沒有 像 .vue 這樣的模板文件，而是，直接使用JS代碼的形式，去創建任何你想要的組件； * React中的組件，都是直接在 js 文件中定義的； * React的組件，并沒有把一個組件 拆分為 三部分（結構、樣式、業務邏輯），而是全部使用JS來實現一個組件的；（也就是說：結構、樣式、業務邏輯是混合在JS里面一起編寫出來的） ## 開發團隊方面 * React是由FaceBook前端官方團隊進行維護和更新的；因此，React的維護開發團隊，技術實力比較雄厚； * Vue：第一版，主要是有作者 尤雨溪 專門進行維護的，當 Vue更新到 2.x 版本后，也有了一個小團隊進行相關的維護和開發； ## 社區方面 * 在社區方面，React由于誕生的較早，所以社區比較強大，一些常見的問題、坑、最優解決方案，文檔、博客在社區中都是可以很方便就能找到的； * Vue是近四年才誕生開源出來的，所以，它的社區相對于React來說，要小巧一些，所以，可能有的一些坑，沒人踩過； ## 移動APP開發體驗方面 * Vue，結合 Weex 這門技術，提供了 遷移到 移動端App開發的體驗（Weex，目前只是一個 小的玩具， 并沒有很成功的 大案例；） * React，結合 ReactNative，也提供了無縫遷移到 移動App的開發體驗（RN用的最多，也是最火最流行的）； # 為什么要學習React 1. 設計很優秀，是基于組件化的，方便我們UI代碼的重用； 2. 開發團隊實力強悍，不必擔心短更的情況； 3. 社區強大，很多問題都能找到對應的解決方案； 4. 提供了無縫轉到 ReactNative 上的開發體驗，讓我們技術能力得到了拓展；增強了我們的核心競爭力 5. React的設計思想一直引領著其它框架向它看齊。如Vue3.0也越來越像React了