Biblioteka React (React.js)

Cechy biblioteki React

React to otwartoźródłowa biblioteka JavaScript służąca do tworzenia dynamicznych i wydajnych interfejsów użytkownika.

Kluczowe pojęcia w React:

1. Komponentowość: Interfejs składa się z niezależnych, reużywalnych klocków (komponentów funkcyjnych).
2. Wirtualny DOM (Virtual DOM): Kopia rzeczywistego drzewa DOM przechowywana w pamięci RAM. Przy zmianie stanu React oblicza różnicę (Diffing Algorithm) i aktualizuje w przeglądarce tylko te elementy, które rzeczywiście uległy zmianie (Reconciliation).
3. Składnia JSX: Rozszerzenie składni JavaScriptu pozwalające na bezpośrednie osadzanie znaczników w stylu HTML wewnątrz kodu JS.
4. Jednokierunkowy przepływ danych (One-Way Data Flow): Dane przekazywane są z komponentów nadrzędnych do podrzędnych za pomocą właściwości (props).
5. Stan i Hooki (Hooks): useState (zarządzanie stanem komponentu), useEffect (efekty uboczne i cykl życia).

import React, { useState } from 'react';

function Licznik() {
    const [liczba, setLiczba] = useState(0);
    return (
        <div>
            <p>Kliknięto: {liczba} razy</p>
            <button onClick={() => setLiczba(liczba + 1)}>Zwiększ</button>
        </div>
    );
}

Pułapki na egzaminie INF.04:

• React to biblioteka do tworzenia interfejsów użytkownika, a nie pełny framework backendowy czy baza danych.