內建 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);
// ...
}