react-dom-fragment
v1.0.0
A React Fragment that supports dangerously setting innerHTML
0/weekUpdated 3 years agoCC0-1.0Unpacked: 53.1 KB
Published by Jonathan Neal
npm install react-dom-fragmentReact DOM Fragment [
][React DOM Fragment]
[
][npm-url]
[
][cli-url]
[
][git-url]
[React DOM Fragment] lets you create [React Fragments] that support dangerously setting their innerHTML without a container element.
``jsx
import Fragment from 'react-dom-fragment';
`
[React DOM Fragment] uses React Reconciliation so that unchanged portions of your HTML fragments aren’t recreated. Dynamic elements like video, images, and iframes will not reload, even as HTML around them changes.
`jsx
import Fragment from 'react-dom-fragment';
__html: ${'Ever-changing description of this video'}:
' } />
}}
/>
[React DOM Fragment] is still a [React Fragment][React Fragments] which means you can use it as a drop-in replacement.
` Lorem ipsum. Dolar sit amet.jsx`
Usage
Add [React DOM Fragment] to your project:
`bash`
npm install react-dom-fragment
`jsx
import Fragment from 'react-dom-fragment';
}} />
``
React DOM Fragment will increase your bundle size by up to 1160 bytes when minified and gzipped.
[React DOM Fragment]: https://github.com/jsxtools/react-dom-fragment
[React Fragments]: https://reactjs.org/docs/fragments.html
[cli-img]: https://img.shields.io/travis/jsxtools/react-dom-fragment/master.svg
[cli-url]: https://travis-ci.org/jsxtools/react-dom-fragment
[git-img]: https://img.shields.io/badge/support-chat-blue.svg
[git-url]: https://gitter.im/postcss/postcss
[npm-img]: https://img.shields.io/npm/v/react-dom-fragment.svg
[npm-url]: https://www.npmjs.com/package/react-dom-fragment