React Compiler (formerly React Forget) automatically optimizes your components.
What is React Compiler?
The compiler automatically optimizes components eliminating manual memoization.
Automatic Memoization
No more useMemo and useCallback wrappers needed.
typescript
// Before manual memoization
const MemoizedComponent = React.memo(({ data }) => {
return <div>{data.value}</div>;
});
// After with compiler
function Component({ data }) {
return <div>{data.value}</div>;
}Benefits
- Less boilerplate code
- Automatic optimization
- Better performance
- Simpler components
React Compiler makes development more enjoyable.