dio.js

DIO

a library for building user interfaces.

• ~5kb

Support

• Edge
• IE 9+
• Chrome
• Firefox
• Safari
• Node

---

Installation

direct download

<script src=dio.min.js></script>

cdn

<script src=https://cdnjs.cloudflare.com/ajax/libs/dio/7.0.0/dio.min.js></script>

<script src=https://cdn.jsdelivr.net/dio/7.0.0/dio.min.js></script>

<script src=https://unpkg.com/dio.js@7.0.0/dio.min.js></script>

npm

npm install dio.js --save

bower

bower install dio.js

---

Getting started

dio.render(
  h('h1', 'Hello, world!'),
  document.getElementById('root')
)

The easiest way to get started with DIO is to read the Introduction to DIO or look at the API Documentation.

Changelog

7.0.0 (25 May 2017)

• reduced api surface

Apart from that improvements where mostly internal facing, like improving async return types lifecycles on functional components, new architecture to support pausing and resuming tree updates and more.

API

// client side
{
	render,
	createElement,
	h,
	Component,
	version
}

// server side
{
	...,
	shallow
}

renderToString

renderToString is supplimented by h(..).toString() in a server enviroment which means we could just do this ${h(..)}

renderToStream

renderToStream is supplimented by dio.render which also supports rendering to a writable stream on the server like the Node.js Response object and h(..).toStream(), dio.render however also handles streaming json responses and will set the correct MIME type if one hasn't been set.