react-node-render

Simply render React components in Node.js

Node_module

npm install react-node-render --save

const render = require('react-node-render')
const html = render('myComponent.jsx')
console.log(html)

With options

const html = render('myComponent.jsx', {initialCount:42})

Render to static

const html = render('myComponent.jsx', {initialCount:42},true)

Cli

Install:

npm install react-node-render -g

Use:

rnr myComponent.jsx

myComponent.html is now created

Input

import React from 'react'
 
import React from 'react'
class component extends React.Component {
    constructor(props) {
        super(props)
        this.state = {count: props.initialCount}
    }
 
    handleClick(){
        this.setState({count: this.state.count + 1})
    }
    render() {
        return (
            <div onClick={this.handleClick.bind(this)}>
                hello {this.state.count}
            </div>
        )
    }
}
component.defaultProps = { initialCount: 1337 }
export default component
 

Output

<div data-reactid=".2c8ppxl2l1c" data-react-checksum="-143512554"><span data-reactid=".2c8ppxl2l1c.0">hello </span><span data-reactid=".2c8ppxl2l1c.1">1337</span></div>

or with static mode:

<div>hello 1337</div>

notes

• todo fix .babelrc dependency
• render to jade
• render to hbs
• rendering with react-router
• more awesome tests
• deeper error handeling
• more cli features

Created mainly to shoot out html for koa/express.js servers used together with a templating language.