मोबाइल ऐप बनाएं
AI के साथ

import { useState, useEffect } from 'react';
import { View, FlatList, TouchableOpacity } from 'react-native';
import { supabase } from '@/lib/supabase';

export default function TodoScreen() {
  const [tasks, setTasks] = useState([]);
  const [filter, setFilter] = useState('all');

  useEffect(() => {
    fetchTasks();

    // रियल-टाइम सब्सक्रिप्शन
    const subscription = supabase
      .channel('tasks')
      .on('postgres_changes',
        { event: '*', schema: 'public', table: 'tasks' },
        (payload) => fetchTasks()
      )
      .subscribe();

    return () => subscription.unsubscribe();
  }, [filter]);

  const fetchTasks = async () => {
    let query = supabase
      .from('tasks')
      .select('*')
      .order('created_at', { ascending: false });

    if (filter === 'active') query = query.eq('completed', false);
    if (filter === 'completed') query = query.eq('completed', true);

    const { data } = await query;
    setTasks(data || []);
  };

  // ... कंपोनेंट का बाकी हिस्सा
}

यह हमारे AI द्वारा जनरेट किया गया वास्तविक कोड है - सही एरर हैंडलिंग, TypeScript टाइप्स और सर्वोत्तम प्रथाओं के साथ पूरी तरह प्रोडक्शन-रेडी।