React Components

Learn to make React Components, the building blocks of all React.js applications

Key Concepts

Review core concepts you need to learn to master this subject

render() Method

React Component Base Class

Importing React

React Components

JSX Capitalization

ReactDOM.render()

Multi-line JSX Expressions

Code in render()

class MyComponent extends React.Component {
  render() {
    return <h1>Hello from the render method!</h1>;
  }
}

React class components must have a render() method. This method should return some React elements created with JSX.

Your First React Component

Lesson 1 of 2

Portfolio projects that showcase your new skills

Stress-test your knowledge with quizzes that help commit syntax to memory