React

React is a JavaScript library for building user interfaces with components.

Mental Model

React breaks a page into components. Each component owns a small piece of UI and can receive data through props.

function Button({ label }) {
  return <button>{label}</button>
}

Learn Next

  • components
  • props
  • state
  • events
  • conditional rendering
  • lists
  • hooks

When It Helps

  • repeated UI patterns
  • interactive interfaces
  • stateful views
  • large front-end projects
  • reusable component systems