trautonen / redom

Tiny turboboosted JavaScript library for creating user interfaces. 100 % test coverage!

Home Page:https://redom.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

js-semistandard-style Build Status npm npm Twitter Follow

RE:DOM

Develop web apps with 100 % JavaScript and web standards. Size < 2 KB gzipped.

RE:DOM

https://redom.js.org

Introduction

API

Slack

Hello RE:DOM

http://codepen.io/pakastin/pen/RGwoRg

Performance

Quick start

Initialize RE:DOM projects easily with RE:DOM project generator

Installing

npm install redom

Usage (ES2015 import)

import { el, mount } from 'redom';

const hello = el('h1', 'Hello world!');

mount(document.body, hello);

Using with commonjs

const { el, mount } = require('redom');

Oldskool

<!DOCTYPE html>
<html>
  <body>
    <script src="https://redom.js.org/redom.min.js"></script>
    <script>
      var el = redom.el;
      var mount = redom.mount;

      // create HTML element
      var hello = el('h1', 'Hello world!');

      // mount to DOM
      mount(document.body, hello);
    </script>
  </body>
</html>

Examples

Check out some examples on https://redom.js.org

State handling example

https://pakastin.github.io/redom-state

Browser support

Short answer

IE 9 and up + all modern browsers

Long answer

If you don't use el.extend, svg.extend or list.extend it'll work with <IE9 as well.

Share the love with Stickermule stickers! ❤️

https://www.stickermule.com/marketplace/15681-re-dom

You can get $10 off from your order with this link

License

MIT

About

Tiny turboboosted JavaScript library for creating user interfaces. 100 % test coverage!

https://redom.js.org

License:MIT License


Languages

Language:JavaScript 100.0%