Μπορείτε να εξηγήσετε τι είναι τα Hooks στο πλαίσιο του React ή άλλων βιβλιοθηκών/πλαισίων;

Τα Hooks είναι λειτουργίες στο React (και σε μερικές άλλες βιβλιοθήκες) που επιτρέπουν τη χρήση κατάστασης και άλλων δυνατοτήτων του React χωρίς να γράφουμε κλάσεις. Επιτρέπουν "σύνδεση" με τον κύκλο ζωής των συστατικών και διαχείριση της κατάστασης σε λειτουργικά συστατικά.

Τα κύρια hooks:

• useState — για αποθήκευση και ενημέρωση της κατάστασης.
• useEffect — για την εκτέλεση παρενεργειών (π.χ. φόρτωση δεδομένων, συνδρομές).

Παράδειγμα χρήσης των useState και useEffect:

import React, { useState, useEffect } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Έχετε πατήσει ${count} φορές`;
  }, [count]);

  return (
    <div>
      <p>Έχετε πατήσει {count} φορές</p>
      <button onClick={() => setCount(count + 1)}>
        Πάτα με
      </button>
    </div>
  );
}

Έτσι, τα Hooks κάνουν τον κώδικα των συστατικών πιο συμπαγή και πιο εύκολο στην επανάχρηση της λογικής.