Kunt u uitleggen wat de React-bibliotheek is en hoe deze wordt gebruikt bij het ontwikkelen van gebruikersinterfaces?

React is een JavaScript-bibliotheek voor het maken van gebruikersinterfaces, ontwikkeld door Facebook. Het stelt je in staat om UI te bouwen uit componenten — onafhankelijke, herbruikbare delen van code die beschrijven hoe de interface eruit moet zien afhankelijk van de toestand van de applicatie.

Belangrijkste kenmerken van React:

• Gebruik van JSX, een syntaxis die lijkt op HTML, om de UI te beschrijven.
• Virtuele DOM: React maakt een virtuele representatie van de DOM en werkt alleen de delen bij die veranderd zijn.
• Eenrichtingsverkeer data: gegevens worden van boven naar beneden doorgegeven, wat het beheer van de toestand vereenvoudigt.

Voorbeeld van een eenvoudige React-component:

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Teller: {count}</p>
      <button onClick={() => setCount(count + 1)}>Verhoog</button>
    </div>
  );
}

export default Counter;

React wordt veel gebruikt voor het maken van dynamische, responsieve webapplicaties, waar hoge prestaties en onderhoudsgemak belangrijk zijn.