VueアプリをReactアプリに変換するツールを作ってみた - Qiita

理由はともかく、 まずconvertVueToReactツールの動きがよくわかるGIFを用意しました。 なぜこんなことができるのか？ 気づいている人もいると思いますが、ReactもVueも、内部にDOMの表象を持っているからです。DOMの表象というのは、DOMの構造とまったく同じ構造を持っている、単純なオブジェクトです。実際にコンソールで、Vueのappインスタンスにある_vnodeプロパティを調べてみると、DOMに関する情報がわかります。 Reactは、React.createElementというメソッドを持っているのですが、それもまさにDOMの表象を作るためのメソッドです。React.createElement("div", {}, ...children)というふうに使えば、ReactのDOM表象が出来上がります。ここでいうchildrenも、それぞれReact.createElem