Vhtml Versions Save

• Adds support for classname and htmlFor props (#5, thanks @nathancahill)
• Adds support for dangerouslySetInnerHTML (#12, thanks @pl12133)
• Adds support for Fragments (#16, thanks @ithinkihaveacat)

(originally published December 2016)

• Fix softof components use children without args (#4, thanks @NekR)
• Support empty (void) tags (#3, thanks @NekR)
• Fix bug when adding empty components (#2, thanks @keyserfaty)

• Add support for Pure Functional Components!

const Box = ({ title, children }) => (
  <div class="box">
    <h4>{title}</h4>
    {children}
  </div>
);

console.log(
  <div>
    <Box title="foo">
      Hello, I am <strong>foo</strong>.
    </Box>
    <Box title="bar">
      Hi! I am <strong>bar</strong>!
    </Box>
  </div>
);

This logs:

<div>
  <div class="box">
    <h4>foo</h4>
    Hello, I am <strong>foo</strong>.
  </div>
  <div class="box">
    <h4>bar</h4>
    Hi! I am <strong>bar</strong>!
  </div>
</div>

• Add support for infinitely nested Arrays of children, while improving performance and decreasing library size 🎈 (thanks @NekR for the request!)

• :rocket: :guitar: :100: