Package Exports

react-domify

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-domify) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React DOMify

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

Demo & Examples

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

To build the examples locally, run:

npm install
gulp dev

Then open localhost:8000 in a browser.

Installation

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

Usage

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} />

react-domify