Reduce Firebase Firestore Costs by 40-50%

import { useDocument } from '@tthbfo2/firebase-cost-trimmer/react';

function ProductDetail({ productId }) {
  const { data, loading, error } = useDocument(
    'user-123',
    `products/${productId}`,
    { cache: true, ttl: 60000 }
  );

  if (loading) return <div>Loading...</div>;
  if (error) return <div>Error: {error.message}</div>;

  return <h1>{data?.name}</h1>;
}

import { useCollection } from '@tthbfo2/firebase-cost-trimmer/react';

function ProductList() {
  const { data, loading, hasMore, loadMore } = useCollection(
    'user-123',
    'products',
    {
      constraints: [
        { field: 'category', operator: '==', value: 'electronics' },
        { type: 'limit', limit: 20 }
      ],
      realtime: true  // Enable real-time updates!
    }
  );

  return (
    <>
      {data.map((product, i) => (
        <ProductCard key={i} product={product} />
      ))}
      {hasMore && <button onClick={loadMore}>Load More</button>}
    </>
  );
}

import { useWrite } from '@tthbfo2/firebase-cost-trimmer/react';

function CreateProduct() {
  const { write, loading, error } = useWrite('user-123');

  const handleSubmit = async (formData) => {
    await write([
      {
        type: 'create',
        path: `products/${Date.now()}`,
        data: { name: formData.name, price: formData.price }
      }
    ]);
  };

  return (
    <button onClick={handleSubmit} disabled={loading}>
      {loading ? 'Creating...' : 'Create Product'}
    </button>
  );
}

import { quickFirebase } from '@tthbfo2/firebase-cost-trimmer';
import { OptimizerProvider } from '@tthbfo2/firebase-cost-trimmer/react';

const app = initializeApp({ /* your config */ });
const optimizer = quickFirebase(app, 'balanced');

optimizer.registerUser({
  uid: 'user-123',
  email: 'user@example.com',
  role: 'user'
});

function App() {
  return (
    <OptimizerProvider optimizer={optimizer}>
      <YourApp />
    </OptimizerProvider>
  );
}