React Optimization for Google Sheets CSV
Budget: $10 – $30 USD
I'm in need of a React expert to help debug and optimize the data flow coming from Google Sheets, parsed through Papaparse. The webpage was created wit AI and the section labeled Upcoming Events is supposed to pull the data from a google sheet CSV and it is not working. Key areas of focus include:
- **Debugging and Optimizing Data Flow**: The primary task is to enhance the efficiency and reliability of data handling within the application.
- **Fixing Dependencies**: Identify and correct useEffect and useMemo dependencies in the data-fetching logic.
- **Implementing States**: Set up appropriate loading and error states using Suspense boundaries.
- **Refactoring Custom Hooks**: Improve performance by refactoring custom hooks (useEvents, useMobile).
- **Optimizing Re-renders**: Ensure smooth updates and prevent unnecessary re-renders as dynamic Sheets data comes in.
A strong understanding of React hooks and component lifecycle is essential for this role. Experience with TanStack Query for managing server-state, familiarity with Vite’s React plugin and build process, and the ability to debug memoization issues (using React.memo, useCallback) are crucial. Knowledge of TypeScript integration within React components is also required.
Bonus skills that would be beneficial include:
- Proficiency in handling data with React Router 6
- Experience with ShadCN UI or similar component libraries.
- **Debugging and Optimizing Data Flow**: The primary task is to enhance the efficiency and reliability of data handling within the application.
- **Fixing Dependencies**: Identify and correct useEffect and useMemo dependencies in the data-fetching logic.
- **Implementing States**: Set up appropriate loading and error states using Suspense boundaries.
- **Refactoring Custom Hooks**: Improve performance by refactoring custom hooks (useEvents, useMobile).
- **Optimizing Re-renders**: Ensure smooth updates and prevent unnecessary re-renders as dynamic Sheets data comes in.
A strong understanding of React hooks and component lifecycle is essential for this role. Experience with TanStack Query for managing server-state, familiarity with Vite’s React plugin and build process, and the ability to debug memoization issues (using React.memo, useCallback) are crucial. Knowledge of TypeScript integration within React components is also required.
Bonus skills that would be beneficial include:
- Proficiency in handling data with React Router 6
- Experience with ShadCN UI or similar component libraries.