Wbudowane API reactowe
Poza hookami i komponentami, paczka react
eksportuje także kilka innych API, które przydają się przy definiowaniu komponentów. Poniżej znajdziesz listę wszystkich aktualnych API Reacta.
createContext
pozwala zdefiniować i przekazać kontekst do komponentów potomnych. Używane w parze zuseContext
.forwardRef
umożliwia komponentowi na wystawienie do rodzica jakiegoś węzła DOM, służącego za referencję. Używane w parze zuseRef
.lazy
pozwala opóźnić załadowanie kodu komponentu do czasu jego pierwszego wyrenderowania.memo
pozwala pominąć renderowanie komponentu, jeśli jego właściwości się nie zmieniły. Używane w parze zuseMemo
iuseCallback
.startTransition
pozwala oznaczyć zmianę stanu jako mało pilną. Podobne douseTransition
.act
pozwala upewnić się, że wszystkie aktualizacje podczas renderowania i interakcji w testach zostały przetworzone, zanim uruchomione zostaną asercje.
API zasobów
Do zasobów można dostać się z poziomu komponentu bez konieczności tworzenia dla nich stanu lokalnego. Na przykład, komponent może odczytywać wiadomość z Obietnicy (ang. Promise) albo informacje o stylu z kontekstu.
Aby odczytać wartość z zasobu, użyj tego Hooka:
use
pozwala na odczytanie wartości zasobu, takiego jak Obietnica (ang. Promise) lub kontekst.
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
// ...
}