What are class components in React?

What are class components in React?

Class components are ES6 classes that extend from React.Component and can hold state and lifecycle methods.

Can you give me an example of a class component?

Sure! Here's a simple example:

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
  }

  render() {
    return (
      <div>
        <p>Count: {this.state.count}</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>Increment</button>
      </div>
    );
  }
}

What are the advantages of using class components?

Class components allow for more complex state management and lifecycle methods, making them suitable for larger applications.

Are class components still recommended in new React projects?

While class components are still valid, functional components with hooks are now the preferred approach for new React projects.