Contact person: Optimize React App Performance - Remotly over a session, without sharing the code

Phone:Show

Email:Show

Location: Amman, Jordan

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I'm seeking an experienced developer to diagnose and resolve excessive UI rerenders in my React application. The current performance issues lead to a poor user experience, especially during client session workflows.

Key Information:
- The app is built with React 18, TypeScript, and uses @tanstack/react-query for state management.
- We utilize Tailwind CSS for styling and Radix UI components, with animations handled by Framer Motion.
- The backend is powered by Node.js, [login to view URL], and PostgreSQL.

Performance Issues:
- Current excessive UI rerenders occur 3 times per stage, causing significant lag.
- Critical flows affected include:
- Form submissions
- Page transitions
- Loading data

Essential optimizations must not disrupt:
- Form handling
- Data loading
- Page transitions

Potential causes to investigate include:
- Object/array dependencies in useEffect/useMemo hooks
- Non-memoized callback functions passed as props
- React Query refetch triggers during stage transitions
- State updates causing cascading rerenders

Ideal Skills and Experience:
- In-depth knowledge of React and performance optimization techniques
- Strong understanding of TypeScript and state management with React Query
- Experience with Tailwind CSS, Radix UI, and Framer Motion
- Familiarity with backend technologies: Node.js, [login to view URL], and PostgreSQL
- Ability to diagnose and resolve complex performance issues without affecting critical functionalities

The fix has to be over 1:1 remote session while we troubleshoot this live. Do not ask to share the code.
No AI (ChatGPT, Gemini, etc.), i tried and it didn't help" (client-provided description)