react-render-html 

Render HTML as React element, possibly replacing dangerouslySetInnerHTML

How it works

It renders a provided HTML string into a React element.

``js
import renderHTML from 'react-render-html';

renderHTML("GitHub")
// => React Element
// GitHub
`

It may be used in the render method in a React component:

`js
let App = React.createClass({
render() {
return (



);
}
});
`

Or just by itself
`js
ReactDOM.render(renderHTML(someHTML), document.getElementById('app'));
`

If a provided HTML contains several top-level nodes, the function will return
an array of React elements.

`js
renderHTML('

hello

world

');
// => [React Element

hello

, React Element

world

]
`

Pros and cons

$3

- Can make use of React's reconciliation for plain HTML too
- Fully compatible with JSX

$3

- It uses parse5 to parse HTML, which can
result in large bundle size
- Can result in slower rendering speed, mainly for parsing

Install

Install with NPM:

`
npm i --save react-render-html
`

Import with CommonJS or whatever:

`js
const renderHTML = require('react-render-html');

import renderHTML from 'react-render-html';
``

A bug!

When a bug is found, please report them in Issues.

Also, any form of contribution(especially a PR) will absolutely be welcomed :beers:

License

MIT