0.2.2 • Published 8 years ago
lazy-component-loader v0.2.2
Usage
// When you require a component, you get a thin wrapper.
// The real component, and all its module dependencies, are not loaded yet.
var BigComponent = require(lazy-component!./BigComponent);
function renderPage() {
// When the wrapper is mounted, the real component is loaded asynchronously.
// All props and children are passed through to the real component.
React.render(<BigComponent title="Wow!" />, document.body.firstChild);
}
You can pass a placeholder element to be rendered while the real component is still loading:
const spinner = <div className="spinner">Loading...</div>;
React.render(
<BigComponent placeholder={spinner} title="Wow!" />,
document.body.firstChild
);