Web技術的開放性，許多後起之秀紛紛將霸業建立在這之上，Google、Facebook、Netflix，但也隨著手機的興起，Web在手機上的發展，也遇到了瓶頸，Facebook原本使用Html 5打造自己的手機App，後來不得已放棄了，全面改用原生程式碼改寫，原本以為Facebook會就此放棄，沒想到推出了React，看來野心依舊阿。
當然如果真的這樣大面積的操作DOM，性能會是一個很大的問題，所以React實現了一個虛擬DOM，組件DOM結構就是映射到這個虛擬DOM上，React在這個虛擬DOM上實現了一個diff算法，當要更新組件的時候，會通過diff尋找到要變更的DOM節點，再把這個修改更新到瀏覽器實際的DOM節點上，所以實際上不是真的渲染整個DOM樹。這個虛擬DOM是一個純粹的JS數據結構，所以性能會比原生DOM快很多。
React.js Conf 2015 Keynote 2 - A Deep Dive into React Native
Virtual DOM，是我覺得最有興趣的一塊以下參考
當組件狀態state有更改的時候，React會自動調用組件的render方法重新渲染整個組件的UI。
當然如果真的這樣大面積的操作DOM，性能會是一個很大的問題，所以React實現了一個虛擬DOM，組件DOM結構就是映射到這個虛擬DOM上，React在這個虛擬DOM上實現了一個diff算法，當要更新組件的時候，會通過diff尋找到要變更的DOM節點，再把這個修改更新到瀏覽器實際的DOM節點上，所以實際上不是真的渲染整個DOM樹。這個虛擬DOM是一個純粹的JS數據結構，所以性能會比原生DOM快很多。
---------------轉載分隔線
原來DOM的向下相容問題，造成DOM操作的效能不佳，而React就是以解決DOM問題來提升效率，而在手機上又做了React Native，看完React Native感覺Facebook，要以這個框架統一Web與 Mobile，影片上的口號就是"學一次到處用"，而不是以前Java的"寫一次到處跑"，不過React Native用的其實是原生View，所以看Demo是沒有效能上的問題(這樣算也解決!?)，總之任何有趣的事都值得期待!
影片
React.js Conf 2015 Keynote - Introducing React NativeReact.js Conf 2015 Keynote 2 - A Deep Dive into React Native
留言
張貼留言
有什麼想法歡迎跟我們分享