react-stateless

Helpers to write stateless functional components in React.

Write stateless functional components in React with lifecycle methods as pure functions!

ReactStateless.createClass(specification)

specification can be a stateless render function or an object containing pure stateless lifecycle functions.

Example: component as a function

import { React } from 'react';
import { createClass } from 'react-stateless';
 
function ComponentA(props) {
    return <div>{ props.name }</div>;
}
 
// React 0.14
export default ComponentA
// Or
export default createClass(ComponentA);

Example: component as an object

import { React } from 'react';
import { createClass } from 'react-stateless';
 
function shouldComponentUpdate(props, nextProps) {
    return props.name !== nextProps.name;
}
 
function render(props) {
    return <div>{ props.name }</div>;
}
 
export default createClass({shouldComponentUpdate, render})

Supported properties

• propTypes
• defaultProps
• displayName (automatically detected by if your component function or render function is named)

Supported methods

• componentWillMount(props)
• componentDidMount(props, refs)
• componentWillReceiveProps(props, nextProps, refs)
• shouldComponentUpdate(props, nextProps, refs)
• componentWillUpdate(props, nextProps, refs)
• componentDidUpdate(props, prevProps, refs)
• componentWillUnmount(props, refs)