It's a common pattern in React to wrap a component in an abstraction. The outer component exposes a simple property to do something that might have more complex implementation

One of the first questions people ask when considering React for a project is whether their application will be as fast and responsive as an equivalent non-React version. The

shallowCompare is a helper function to achieve the same functionality as PureRenderMixin while using ES6 classes with React. If

React.isValidElement boolean isValidElement(* object) Verifies

displayName string displayName The displayName

You don't have to go full React. The component lifecycle events, especially componentDidMount and componentDidUpdate, are good places to put your

getDefaultProps object getDefaultProps() Invoked

ReactDOMServer.renderToStaticMarkup string renderToStaticMarkup(ReactElement element)

render ReactElement render() The render()

React.createClass ReactClass createClass(object specification)