Yerleşik React API'leri
Hooks ve Components’e ek olarak,
react paketi bileşen tanımlamak için faydalı birkaç başka API daha dışa aktarır (export eder). Bu sayfa, modern React API’lerinin geri kalanını listeler.
createContext, context tanımlamanızı ve child component’lere sağlamanızı sağlar.useContextile birlikte kullanılır.lazy, bir component’in code’unun yüklenmesini ilk kez render edilene kadar ertelemenizi sağlar.memo, component’inizin aynı prop’larla gerçekleşen re-render’ları atlamasını sağlar.useMemoveuseCallbackile birlikte kullanılır.startTransition, bir state update’i non-urgent olarak işaretlemenizi sağlar.useTransitionile benzerdir.act, testlerde render ve interaction’ları sarmalamanızı sağlar; böylece assertion yapmadan önce update’lerin işlendiğinden emin olabilirsiniz.cache, bir data fetch veya computation sonucunu cache’lemenizi sağlar.cacheSignal,cache()lifetime’ının ne zaman sona erdiğini bilmenizi sağlar.captureOwnerStack, development ortamında mevcut Owner Stack’i okur ve mevcutsa string olarak döndürür.
Kaynak API’ları
Kaynaklar, bir bileşen tarafından durumlarının bir parçası olmadan erişilebilir. Örneğin, bir bileşen, bir Promise’den mesaj okuyabilir veya bir context’ten stil bilgisi alabilir.
use’a şu resource type’larını geçirebilirsiniz:
- Resolved value’sunu okumak için bir Promise.
- Value’sunu okumak için bir context.
- Canary only Server rendering sırasında bir component’i browser-only olarak işaretlemek için
browsertarafından döndürülen value.
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
use(browser());
// ...
}