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.
createContextpozwala zdefiniować i przekazać kontekst do komponentów potomnych. Używane w parze zuseContext.forwardRefumożliwia komponentowi na wystawienie do rodzica jakiegoś węzła DOM, służącego za referencję. Używane w parze zuseRef.lazypozwala opóźnić załadowanie kodu komponentu do czasu jego pierwszego wyrenderowania.memopozwala pominąć renderowanie komponentu, jeśli jego właściwości się nie zmieniły. Używane w parze zuseMemoiuseCallback.startTransitionpozwala oznaczyć zmianę stanu jako mało pilną. Podobne douseTransition.actpozwala 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:
usepozwala na odczytanie wartości zasobu, takiego jak Obietnica (ang. Promise) lub kontekst.
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
// ...
}