# React Performance Kit

A lightweight, TypeScript-first toolkit for analyzing and improving React application performance.

React Performance Optimizer helps developers identify potential performance improvements around:

- React.memo

- useMemo

- useCallback

- Lazy loading

- List virtualization

- Debounce

- Throttle

- Render performance

- Expensive calculations

The package is designed to provide **evidence-based recommendations** instead of blindly suggesting React optimization techniques.

---

## Features

### React.memo analysis

Identifies components that may benefit from React.memo when:

- The component renders frequently.

- Props remain unchanged frequently.

- Rendering has measurable cost.

- The component receives props.

Example recommendation:

import { memo } from "react";



const UserCard = memo(function UserCard(props) {

&#x20; return <div>{props.name}</div>;

});



export default UserCard;