# react-render-html [![travis-ci](https://travis-ci.org/utatti/react-render-html.svg)](https://travis-ci.org/utatti/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 (

{renderHTML(someHTML)}

); } }); ``` 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 ### Pros - Can make use of React's reconciliation for plain HTML too - Fully compatible with JSX ### Cons - It uses [parse5](https://github.com/inikulin/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](https://github.com/utatti/react-render-html/issues). Also, any form of contribution(especially a PR) will absolutely be welcomed :beers: ## License [MIT](LICENSE)

			Stars	Issues	Version	Updated	Created	Size
	react-render-html		216	20	0.6.0	7 years ago	9 years ago
	react-sanitized-html		20	24	2.0.0	7 years ago	8 years ago

react-render-html vs react-sanitized-html

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past