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. useContext ile 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. useMemo ve useCallback ile birlikte kullanılır.
  • startTransition, bir state update’i non-urgent olarak işaretlemenizi sağlar. useTransition ile 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 browser tarafından döndürülen value.
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
use(browser());
// ...
}