Introduction to React Dom

The react-dom package provides DOM-specific methods that can be used at the top level of your app and as an escape hatch to get outside of the React model if you need to. Most of your components should not need to use this module.

Introduction to React Dom

If you load React from a <script> tag, these top-level APIs are available on the ReactDOM global. If you use ES6 with npm, you can write import ReactDOM from 'react-dom'. If you use ES5 with npm, you can write var ReactDOM = require('react-dom').

Overview

The react-dom package provides DOM-specific methods that can be used at the top level of your app and as an escape hatch to get outside of the React model if you need to. Most of your components should not need to use this module.

• render()

• hydrate()

• unmountComponentAtNode()

• findDOMNode()

• createPortal()

ReactDOMServer

The ReactDOMServer object enables you to render components to static markup. Typically, it’s used on a Node server: The following methods can be used in both the server and browser environments:

• renderToString()

• renderToStaticMarkup()