react-render-loader

React render loader for webpack

A webpack loader that renders React components to HTML strings.

Warning: This loader executes your module in a Node context, use browser api will cause errors.

Usage

// App.js
import React from 'react';
 
function Hello(props) {
  return <h1>Hello {props.name}</h1>;
}
 
const App = <Hello name="React" />;
 
export default App;
 
 
 
// index.js
 
// Use ReactDOMServer.renderToString
import AppHtml from 'react-render!./App.js';
 
// Use ReactDOMServer.renderToStaticMarkup
// import AppHtml from 'react-render?static=true!./App.js';
 
document.getElementById('root').innerHTML = AppHtml;
 

This loader supports

• React class
• React element
• Stateless functional components
• Array of above
• Array of above (sub arrays)

See basic example for demo.