{"componentChunkName":"component---src-templates-docs-js","path":"/docs/javascript-environment-requirements.html","result":{"data":{"markdownRemark":{"html":"

React 16 depends on the collection types Map and Set. If you support older browsers and devices which may not yet provide these natively (e.g. IE < 11) or which have non-compliant implementations (e.g. IE 11), consider including a global polyfill in your bundled application, such as core-js.

\n

A polyfilled environment for React 16 using core-js to support older browsers might look like:

\n
import 'core-js/es/map';\nimport 'core-js/es/set';\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nReactDOM.render(\n  <h1>Hello, world!</h1>,\n  document.getElementById('root')\n);
\n

React also depends on requestAnimationFrame (even in test environments).
\nYou can use the raf package to shim requestAnimationFrame:

\n
import 'raf/polyfill';
","frontmatter":{"title":"JavaScript Environment Requirements","next":null,"prev":null},"fields":{"path":"content/docs/reference-javascript-environment-requirements.md","slug":"docs/javascript-environment-requirements.html"}}},"pageContext":{"slug":"docs/javascript-environment-requirements.html"}},"staticQueryHashes":[]}