Nueva

A reactive component based UI library used for making user interfaces.

Usage

• npm:

npm install nueva

• yarn:

yarn add nueva

• cdn:

<script src="https://unpkg.com/nueva@{latest_version}"></script>

Examples

• With package managers

Use rollup or webpack or parcel for bundling. Example config for rollup with plugin-node-resolve

import { nodeResolve } from '@rollup/plugin-node-resolve';
export default {
  input: 'entry-point.js',
  output: {
    file: 'output-file.js',
    format: 'es'
  },
  plugin: [nodeResolve()] 
}

Then use nueva, for example

import {
  Component,
  createElem,
  render
} from 'nueva';

class App extends Component {
  render() {
    return createElem(
      'div',
      createElem('h1', 'I am H1'),
      createElem('h2', 'I am H2')
    )
  }
}
render(createElem(new App()), document.getElementById('app'))

• For CDN

class App extends nueva.Component {
  render() {
    return nueva.createElem(
      'div',
      nueva.createElem('h1', 'I am H1'),
      nueva.createElem('h2', 'I am H2')
    )
  }
}
nueva.render(nueva.createElem(new App()), document.getElementById('app'))