Firebase Optimization for React Application
Budget: €30 – €250 EUR
Project Overview
I created a Food Delivery Application . Currently, the app is generating an excessive number of read/write requests, likely due to inefficient fetching logic and infinite loops, because I am noob.
The project consists of approximately 50 files in total that need to be audited and optimized to minimize Firebase operational costs.
Key Objectives
Identify & Fix Infinite Loops: Audit all useEffect hooks and onSnapshot listeners to ensure they are not triggering unnecessary re-renders or recursive database updates.
Query Optimization: Implement server-side filtering (where clauses) and pagination (limit, startAfter) for orders and chat histories to avoid loading entire collections.
State Management & Caching: Ensure data is cached effectively in the frontend (e.g., using React context or local state) to prevent redundant fetching on page navigation.
Write Operation Audit: Review all updateDoc and setDoc calls to ensure they only fire when absolutely necessary.
Security & App Check: Implement Firebase App Check to prevent unauthorized bot traffic from inflating costs and review Firestore Security Rules for basic efficiency.
Technical Requirements
Expert-level knowledge of React.js and Firebase SDK (v9/v10).
Proven experience in optimizing Firestore for high-scale/low-cost performance.
Experience with "Clean Code" principles to ensure the 50 files remain maintainable after optimization.
I created a Food Delivery Application . Currently, the app is generating an excessive number of read/write requests, likely due to inefficient fetching logic and infinite loops, because I am noob.
The project consists of approximately 50 files in total that need to be audited and optimized to minimize Firebase operational costs.
Key Objectives
Identify & Fix Infinite Loops: Audit all useEffect hooks and onSnapshot listeners to ensure they are not triggering unnecessary re-renders or recursive database updates.
Query Optimization: Implement server-side filtering (where clauses) and pagination (limit, startAfter) for orders and chat histories to avoid loading entire collections.
State Management & Caching: Ensure data is cached effectively in the frontend (e.g., using React context or local state) to prevent redundant fetching on page navigation.
Write Operation Audit: Review all updateDoc and setDoc calls to ensure they only fire when absolutely necessary.
Security & App Check: Implement Firebase App Check to prevent unauthorized bot traffic from inflating costs and review Firestore Security Rules for basic efficiency.
Technical Requirements
Expert-level knowledge of React.js and Firebase SDK (v9/v10).
Proven experience in optimizing Firestore for high-scale/low-cost performance.
Experience with "Clean Code" principles to ensure the 50 files remain maintainable after optimization.