mirror of
https://github.com/facebook/react.git
synced 2026-02-24 12:43:00 +00:00
f7e0db9a18
This builds a `react-dom-fiber.js` bundle which exposes ReactDOMFiber. This allows early experiments with the new Fiber reconciler. I also expose it in the npm package through `react-dom/fiber`.
45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Fiber Example</title>
|
|
<link rel="stylesheet" href="../shared/css/base.css" />
|
|
</head>
|
|
<body>
|
|
<h1>Fiber Example</h1>
|
|
<div id="container">
|
|
<p>
|
|
To install React, follow the instructions on
|
|
<a href="https://github.com/facebook/react/">GitHub</a>.
|
|
</p>
|
|
<p>
|
|
If you can see this, React is <strong>not</strong> working right.
|
|
If you checked out the source from GitHub make sure to run <code>grunt</code>.
|
|
</p>
|
|
</div>
|
|
<script src="../../build/react.js"></script>
|
|
<script src="../../build/react-dom-fiber.js"></script>
|
|
<script>
|
|
function ExampleApplication(props) {
|
|
var elapsed = Math.round(props.elapsed / 100);
|
|
var seconds = elapsed / 10 + (elapsed % 10 ? '' : '.0' );
|
|
var message =
|
|
'React has been successfully running for ' + seconds + ' seconds.';
|
|
|
|
return React.DOM.p(null, message);
|
|
}
|
|
|
|
// Call React.createFactory instead of directly call ExampleApplication({...}) in React.render
|
|
var ExampleApplicationFactory = React.createFactory(ExampleApplication);
|
|
|
|
var start = new Date().getTime();
|
|
setInterval(function() {
|
|
ReactDOMFiber.render(
|
|
ExampleApplicationFactory({elapsed: new Date().getTime() - start}),
|
|
document.getElementById('container')
|
|
);
|
|
}, 50);
|
|
</script>
|
|
</body>
|
|
</html>
|