noliter

Noliter

Write code with no literal and get tiny bundle

Install

npm install noliter

API

Core

attrs

import {
  $,
  TAG_NAME_DIV,
  ATTR_ID,
  ATTR_CLASS
} from 'noliter';

$(TAG_NAME_DIV)
  .attrs(
    ATTR_ID, 'my-id',
    ATTR_CLASS, 'class-name'
  );

props

import {
  $,
  TAG_NAME_INPUT,
  PROP_CHECKED,
  PROP_DISABLED
} from 'noliter';

$(TAG_NAME_INPUT)
  .props(
    PROP_CHECKED, true,
    PROP_DISABLED, true
  );

append

import {
  $,
  TAG_NAME_DIV
} from 'noliter';

$(TAG_NAME_DIV)
  .append(
    'text',
    document.createElement('div'),
    createDiv()
  );

events

import {
  $,
  TAG_NAME_BUTTON,
  EVENT_TYPE_BLUR,
  EVENT_TYPE_FOCUS
} from 'noliter';

$(TAG_NAME_BUTTON)
  .append('click me')
  .events(
    EVENT_TYPE_BLUR, () => console.log('blur'),
    EVENT_TYPE_FOCUS, () => console.log('focus')
  );

Constants

• TagName
• Attribute
• Property
• InputType
• EventType