Note: cloneWithProps is deprecated. Use React.cloneElement instead. In rare situations, you may want

ReactLink is an easy way to express two-way binding with React. ReactLink is deprecated as of React v15. The recommendation

So far, we've looked at how to write a single component to display data and handle user input. Next let's examine one of React's finest features: composability.

If you know all the properties that you want to place on a component ahead of time, it is easy to use JSX:

In most cases, you can use the key prop to specify keys on the elements you're returning from render. However, this breaks down in one situation:

We'll be building a simple but realistic comments box that you can drop into a blog, a basic version of the realtime comments offered by Disqus, LiveFyre or Facebook comments

If your React component's render function is "pure" (in other words, it renders the same result given the same props and state), you can use this mixin for a performance boost

One of the great things about React is that it doesn't require the DOM as a dependency, which means it is possible to render a React application on the server and send the

JSX is a JavaScript syntax extension that looks similar to XML. You can use a simple JSX syntactic

React provides a ReactTransitionGroup add-on component as a low-level API for animation, and a ReactCSSTransitionGroup for easily implementing basic