React Compiler Automatic Memoization Rules Usememo Obsolete
Definisi
React Compiler (eksperimental, mulai React 19) secara otomatis memoize komponen & hook — mengurangi perlu useMemo, useCallback, React.memo manual. Ia menganalisis kode dan menerapkan memoization aman bila kode memenuhi Rules of React (pure render, tidak mutasi state langsung).
Kapan dipakai
Pakai bila project sudah React 19+ dan ingin performa tanpa boilerplate memo. Untuk kode lama yang melanggar aturan (mutasi props/state di render), compiler akan skip file itu (warning) — perbaiki dulu. Jangan hapus semua useMemo sekaligus tanpa test.
Cara kerja
setup (babel)
js// babel.config.js
module.exports = {
plugins: [['babel-plugin-react-compiler', { target: '19' }]],
};