宣告： 當前為草稿階段。web動畫的實現，最終都是需要操作dom。css動畫，是給相應的dom元素新增動畫然後有人可以指引下怎麼寫草稿文章麼~
classname; js動畫，則是通過定時器或其他手段，不斷更改dom元素屬性值，達到動畫的目的。
react要實現動畫，究其根本，最終的落地依然是操作dom, 從而達到頁面呈現動畫的目的。但是因為react與傳統的web頁面在**組織、**邏輯層面有比較大的差異。由react實現的應用，在程式邏輯中，對dom的關心程度，與傳統的開發模式相比較，低了好幾個層次，當然最好的狀態，就是react編寫的應用程式中，可以不用直接操作dom,這是最理想的狀態。
為了實現這樣的一些要求，react官方以及其他一些三方庫，接管了對dom的操作，讓我們在開發業務程式中，可以不操作dom，實現互動動畫。對我們業務開發來說，不需要我們操作dom，開發體驗瞬間提公升好幾個檔次——我們都知道，操作dom是比較痛苦的事情，要不然jquery也不會火這麼多年。
react官方提供的動畫庫是react-transition-group(以前分為react-addons-transition-group和react-addons-css-transition-group,現在合併成乙個庫了)，還有一些比較出名的三方動畫庫如react-motion，react-magic，velocity-react,rc-animate等等。
本文中會選取其中幾個動畫庫，通過對庫源**的學習，看看它們都是怎麼管理或操作dom，實現動畫的。
React中的Connect實現與原理
一 用法 connect mapstatetoprops mapdispatchtoprops mergeprops options mapstatetoprops state,ownprops stateprops這個函式允許我們將 store 中的資料作為 props 繫結到元件上。const ...
React中的Connect實現與原理
一 用法 connect mapstatetoprops mapdispatchtoprops mergeprops options 作用 連線react元件與 redux store。引數說明 mapstatetoprops state,ownprops stateprops這個函式允許我們將 s...
react 渲染原理
一 jsx如何生成element 這裡是一段寫在render裡的jsx return hello,this is react start to learn right now right reserve.首先，它會經過babel編譯成react.createelement的表示式。return re...