Help us understand the problem. What is going on with this article?

Matt-Esch/virtual-dom を変換する npm package

More than 3 years have passed since last update.

概要

Matt-Esch/virtual-dom を HTML や DOM と相互変換する npm package についてまとめた。公式の Wiki にも書いてあるが、分類が怪しかったので実装を確認しながら補足した。

キーワード

  • VDOM は VTree / VNode / VText のオブジェクト
  • DOM は Node / Element のオブジェクト
  • HTML は HTML 形式の文字列
  • hyperscript は hyperscript 形式の文字列
  • DOMParser は DOM Parsing and Serialization で仕様化されているもの。文字列→ DOM変換ができる。

一覧

VDOM -> DOM

VDOM -> HTML

DOM -> VDOM

HTML -> VDOM

DOM -> hyperscript

HTML -> hyperscript

補足

この記事は以前 Gist に個人用途で書いたものの転載だ。Gist じゃ活用されなさそうなので。

bouzuya
ぼく、ぼうずや。なさけはひとのためならず。たのしいはせいぎ。
http://bouzuya.net/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away