Like JSON.strinfigy but uses React.js to generate DOM elements.

Live demo: JedWatson.github.io/react-domify

To build the examples locally, run:

npm install gulp dev 

Then open localhost:8000 in a browser.

The easiest way to use react-domify is to install it from NPM and include it in your own React build process (using Browserify, Webpack, etc).

You can also use the standalone build by including dist/react-domify.js in your page. If you use this, make sure you have already included React, and it is available as a global variable.

npm install react-domify --save 

Provide the variable to render as the value property.

var DOMify = require('react-domify'); var data = { str: 'It formats strings, numbers, booleans and dates', bool: true, date: new Date(), num: 42, arr: [ 'And nested arrays / objects', { key: 'value' } ] }; <DOMify value={data} /> 

MIT. Copyright (c) 2016 Jed Watson.