React komponentləri yaradılmasından DOM-dan silinməyinə qədər hansı mərhələlərdən keçir?

React komponentləri yaradılmadan DOM-dan silinənə qədər bir neçə əsas həyat dövrü mərhələsindən keçir:

1. Yığılma (Mounting) — komponentin yaradılması və DOM-a yerləşdirilməsi.

   • Constructor
   • static getDerivedStateFromProps
   • render
   • componentDidMount

2. Yeniləmə (Updating) — props və ya state dəyişdikdə baş verir.

   • static getDerivedStateFromProps
   • shouldComponentUpdate
   • render
   • getSnapshotBeforeUpdate
   • componentDidUpdate

3. Silmə (Unmounting) — komponentin DOM-dan silinməsi.

   • componentWillUnmount

4. Xəta idarəetməsi (Error Handling) — uşaqlar komponentlərdə xəta baş verdikdə.

   • static getDerivedStateFromError
   • componentDidCatch

Klass komponentlərində həyat dövrü metodlarından istifadə nümunəsi:

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

  componentDidMount() {
    console.log('Komponent yığılmışdır');
  }

  componentDidUpdate(prevProps, prevState) {
    console.log('Komponent yenilənmişdir');
  }

  componentWillUnmount() {
    console.log('Komponent silinəcəkdir');
  }

  render() {
    return <div>{this.state.count}</div>;
  }
}

Funksional komponentlərdə, useEffect və digər hooklar vasitəsilə oxşar mərhələlər həyata keçirilir.