React to biblioteka JavaScript do budowy interfejsów użytkownika, stworzona przez Meta. Interfejs składa się z komponentów, które opisują wygląd i zachowanie fragmentów strony, a React dba o ich efektywną aktualizację.
Jak działa React?
Komponent opisuje, jak ma wyglądać interfejs dla bieżących danych. Gdy dane się zmieniają, React porównuje nowy i stary widok (wirtualny DOM) i aktualizuje tylko zmienione elementy.
React a SEO
Standardowa aplikacja React renderuje treść w przeglądarce, co utrudnia indeksowanie. Rozwiązaniem są frameworki z renderowaniem po stronie serwera, jak Next.js.
Kiedy wybrać React?
Przy rozbudowanych, interaktywnych interfejsach i aplikacjach jednostronicowych, gdy zespół zna JavaScript. Prosta strona treściowa zwykle nie potrzebuje biblioteki tej wielkości.
Komponenty, stan i wirtualny DOM
Interfejs w Reactcie składa się z komponentów, czyli funkcji zwracających fragment widoku. Dane przekazuje się im przez właściwości (props), a zmienne wewnętrzne przechowuje stan, np. przez hak useState. Gdy stan się zmienia, React porównuje nowy opis widoku z poprzednim i aktualizuje tylko różnice w DOM. Biblioteka powstała w Facebooku, a obecnie rozwija ją Meta wraz ze społecznością. Pełna aplikacja zwykle wymaga dodatkowych narzędzi, np. routera.
Dla SEO ważne jest, by treść była dostępna w HTML dzięki renderowaniu po stronie serwera.