ReactJS簡介 + React 起源於 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以後，發現這套東西很好用， 就在2013年5月開源了 。 + 由於 React 的設計思想極其 ...
ReactJS簡介
- React 起源於 Facebook 的內部項目，因為該公司對市場上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來架設 Instagram 的網站。做出來以後，發現這套東西很好用，就在2013年5月開源了。
- 由於 React 的設計思想極其獨特，屬於革命性創新，性能出眾，代碼邏輯卻非常簡單。所以，越來越多的人開始關註和使用，認為它可能是將來 Web 開發的主流工具。
- library
- Framework
前端三大主流框架
- Angular.js：出來最早的前端框架，學習曲線比較陡，NG1學起來比較麻煩，NG2開始，進行了一系列的改革，也開始啟用組件化了；在NG中，也支持使用TS（TypeScript）進行編程；
- Vue.js：最火的一門前端框架，它是中國人開發的，對我我們來說，文檔要友好一些；
- React.js：最流行的一門框架，因為它的設計很優秀；
- windowsPhone 7 7.5 8 10
React與vue.js的對比
組件化方面
- 什麼是模塊化：從 代碼 的角度，去分析問題，把我們編程時候的業務邏輯，分割到不同的模塊中來進行開發，這樣能夠方便代碼的重用；
- 什麼是組件化：從 UI 的角度，去分析問題，把一個頁面，拆分為一些互不相干的小組件，隨著我們項目的開發，我們手裡的組件會越來越多，最後，我們如果要實現一個頁面，可能直接把現有的組件拿過來進行拼接，就能快速得到一個完整的頁面， 這樣方便了UI元素的重用；組件是元素的集合體；
- 組件化的好處：
- Vue是如何實現組件化的：.vue 組件模板文件，瀏覽器不識別這樣的.vue文件，所以，在運行前，會把 .vue 預先編譯成真正的組件；
- template： UI結構
- script： 業務邏輯和數據
- style： UI的樣式
- 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
- 設計很優秀，是基於組件化的，方便我們UI代碼的重用；
- 開發團隊實力強悍，不必擔心短更的情況；
- 社區強大，很多問題都能找到對應的解決方案；
- 提供了無縫轉到 ReactNative 上的開發體驗，讓我們技術能力得到了拓展；增強了我們的核心競爭力
