Vcom NPM | npm.io

vcom

Everything you need to create functional, virtual Preact Components with CSS, HTML, and JS.

Note: if you want to use this standalone, please use dist/vcom.js. Otherwise you'll want to use babel with es2015 or buble to transpile this in your application, either as a global transform or after the build step.

Example

/**
 * Modules
 */

const { HTML, CSS, render } = require('./dist/vcom.js')

/**
 * Styles
 */

const css = CSS(`
  .box {
    text-align: center;
    font-size: 10rem;
    background: blue;
    padding: 50px;
    color: white;
  }
`)

/**
 * HTML
 */

const { div } = HTML

/**
 * Render
 */

const App = (props) => (
  div.class('box')('welcome')
)

/**
 * Render to DOM
 */

render(css(App), document.body)