mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Andrew Patton
b565f49531
* Prefer node’s window and document over globals * Support active elements in nested browsing contexts * Avoid invoking defaultView getter unnecessarily * Prefer node’s window and document over globals * Support active elements in nested browsing contexts * Avoid invoking defaultView getter unnecessarily * Implement selection event fixtures * Prefer node’s window and document over globals * Avoid invoking defaultView getter unnecessarily * Fix react-scripts to work with alphas after 16.0.0 The current logic just checks if the version is an alpha with a major version of 16 to account for weirdness with the 16 RC releases, but now we have alphas for newer minor releases that don't have weirdness * Run prettier on new selection events fixtures * Add fixture for onSelect in iframes, remove DraftJS fixture The DraftJs fixture wasn't really working in all supported browsers anyways, so just drop it and try to cover our bases without using it directly * Purge remnants of draft.js from fixtures * Use prop-types import instead of window global * Make fixtures’ Iframe component Firefox-compatible * Fix switch case for SelectionEventsFixture * Remove draft.js / immutable.js dependencies * Cache owner doc as var to avoid reading it twice * Add documentation for getActiveElementDeep to explain try/catch Add documentation for getActiveElementDeep to explain try/catch * Ensure getActiveElement always returns DOM element * Tighten up isNode and isTextNode * Remove ie8 compatibility * Specify cross-origin example in getActiveElementDeep * Revert back to returning null if document is not defined
react-dom
This package serves as the entry point of the DOM-related rendering paths. It is intended to be paired with the isomorphic React, which will be shipped as react to npm.
Installation
npm install react react-dom
Usage
In the browser
var React = require('react');
var ReactDOM = require('react-dom');
class MyComponent extends React.Component {
render() {
return <div>Hello World</div>;
}
}
ReactDOM.render(<MyComponent />, node);
On the server
var React = require('react');
var ReactDOMServer = require('react-dom/server');
class MyComponent extends React.Component {
render() {
return <div>Hello World</div>;
}
}
ReactDOMServer.renderToString(<MyComponent />);
API
react-dom
findDOMNoderenderunmountComponentAtNode
react-dom/server
renderToStringrenderToStaticMarkup