How to use Class-based Components in React

In this article, I am going to show you how you can use class-based components in React JS

Let's get started 🎉

What is Class-based components

Class-based components are simple classes which tends as a React components which can be easily used anywhere in your React Project

How to use them?

class Snowbit extends Component {
  render() {
    return (
      <div className="container">
        <h1>I am SnowBit - Shown using class based Component</h1>
      </div>
    );
  }
}

Comments

[João Lucas Silva]

The only problem is that you shouldnt, React only keeps support for class based components as to don’t break every app made in the past years, but you should use function components from now on since all new react features are based on hooks and as the react docs state, 1. Function components are lighter, 2. Hooks fix some inherit problems with class components lifecycle functions, 3. With the exception of error boundary, you can do everything that you could with classes using hooks

[MaksimMedvedev]

I guess Error Boundaries only