內建 React API
createContext讓您可以定義並提供 context 給子元件。搭配useContext使用。forwardRef讓您的元件可以將 DOM 節點作為 ref 暴露給父元件。搭配useRef使用。lazy讓您可以延遲載入元件的程式碼,直到它第一次被渲染。memo讓您的元件在 props 相同的情況下跳過重新渲染。搭配useMemo和useCallback使用。startTransition讓您可以將狀態更新標記為非緊急。類似於useTransition。act讓您可以在測試中包裝渲染和互動,以確保在進行斷言之前已處理更新。
資源 API
元件可以存取*資源*,而無需將它們作為狀態的一部分。例如,元件可以從 Promise 讀取訊息或從 context 讀取樣式資訊。
要從資源讀取值,請使用此 API
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
// ...
}