Search⌘ K
AI Features
Home
Courses
The Road to React: The One with Class Components

Reusable Components

Explore how to create reusable and composable components in React V15. Learn to build components like Button, Table, and Search to simplify code maintenance, improve reusability, and manage component hierarchies effectively.

We'll cover the following...

Reusable and composable components empower you to come up with capable component hierarchies, the foundation of React’s view layer. The last sections mentioned reusability, and now we can see how reusing the Table and Search components works in our case. Even the App component is reusable, as it can be instantiated elsewhere as well.

Let’s define one more reusable component, a Button component which we’ll eventually reuse often:

Javascript (babel-node)
class Button extends Component {
  render() {
    const {
      onClick,
      className,
      children,
    } = this.props;
    return (
      <button
        onClick={onClick}
        className={className}
        type="button"
      >
        {children}
      </button>
    );
  }
}

It might ...