mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00

Files

T

Brian Vaughn 66f2097f33 Shallow renderer and test utils bundles (#9426 )

Shallow renderer and test utils bundles

Adds new bundles introduced with React 15.5 release to master (and 16 alpha)

react-dom/test-utils:

This new bundle contains what used to be react-addons-test-utils. This bundle shares things from react-dom rather than duplicates them.

A temporary createRenderer method has been left behind as a way to access the new shallow renderer. This is for the ReactNative release cycle only and should be going away before the final release.

react-test-renderer/shallow:

This new shallow renderer is almost entirely stand-alone (in that it doesn't use the React reconciler or scheduler). The only touch points are ReactElement and prop/context validation. This renderer is stack and fiber compatible.

2017-04-19 16:45:31 -07:00

index.js

Convert current build system to Rollup and adopt flat bundles (#9327 )

2017-04-05 16:47:29 +01:00

package.json

Shallow renderer and test utils bundles (#9426 )

2017-04-19 16:45:31 -07:00

README.md

Move npm packages into folder

2015-06-17 12:01:44 -07:00

server.js

Convert current build system to Rollup and adopt flat bundles (#9327 )

2017-04-05 16:47:29 +01:00

test-utils.js

Shallow renderer and test utils bundles (#9426 )

2017-04-19 16:45:31 -07:00

README.md

`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`

findDOMNode
render
unmountComponentAtNode

`react-dom/server`

renderToString
renderToStaticMarkup