Czy możesz wyjaśnić, czym jest biblioteka React i jak jest używana w tworzeniu interfejsów użytkownika?

React to biblioteka JavaScript do tworzenia interfejsów użytkownika, opracowana przez Facebooka. Umożliwia budowanie UI z komponentów — niezależnych, wielokrotnego użytku części kodu, które opisują, jak powinna wyglądać interfejs w zależności od stanu aplikacji.

Główne cechy React:

• Użycie JSX — składni podobnej do HTML, do opisu UI.
• Wirtualne DOM — React tworzy wirtualne wyobrażenie DOM i efektywnie aktualizuje tylko zmienione części.
• Jednokierunkowy przepływ danych — dane są przekazywane od góry do dołu, co upraszcza zarządzanie stanem.

Przykład prostego komponentu React:

import React, { useState } from 'react';

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

  return (
    <div>
      <p>Licznik: {count}</p>
      <button onClick={() => setCount(count + 1)}>Zwiększ</button>
    </div>
  );
}

export default Counter;

React jest szeroko używany do tworzenia dynamicznych, responsywnych aplikacji internetowych, gdzie ważna jest wysoka wydajność i łatwość utrzymania kodu.