Careeroza

Function vs Class Components

Function Component (modern)

function Greeting({ name }) {
  return <h2>Hello {name}</h2>;
}

import { Component } from 'react';

class Greeting extends Component {
  render() {
    return <h2>Hello {this.props.name}</h2>;
  }
}

	Function component	Class component
Syntax	plain function	class extending Component
State	useState hook	this.state / this.setState
Side effects	useEffect	lifecycle methods
this keyword	not needed	needed everywhere
Use today	yes, the standard	only in legacy code / error boundaries