Async By Full Stack Gada

👨‍💼

Jethalal (Async Function)

API calls भेजता है
Non-blocking operation
Background में काम करता है
Result ready होने पर notify करता है

👩‍💼

Babita (Main Thread)

Request करती है
Wait करती है पर रुकती नहीं
दूसरे काम करती रहती है
Response मिलने पर action लेती है

1. Request

Babita: "Jetha ji, website का data मंगवा दीजिए!"

2. API Call

Jethalal तुरंत API call भेज देता है server को

3. Parallel Work

Babita दूसरे काम करती रहती है (UI update, etc.)

4. Response

Jethalal: "Babita ji! Data आ गया!"

Demo शुरू करने के लिए button पर click करें!

❌ Synchronous (Blocking)

• Babita को wait करना पड़ता है

• दूसरे काम रुक जाते हैं

• UI freeze हो जाता है

• Poor user experience

✅ Asynchronous (Non-blocking)

• Babita दूसरे काम कर सकती है

• Multiple tasks parallel में

• UI responsive रहता है

• Better performance

🔥 Code Example:

// Babita का request
console.log("Jetha ji, data मंगवा दीजिए!");

// Jethalal का async function
async function fetchData() {
    try {
        const response = await fetch('https://api.example.com/data');
        const data = await response.json();
        console.log("Babita ji! Data आ गया:", data);
        return data;
    } catch (error) {
        console.log("Sorry Babita ji, कुछ problem है!");
    }
}

// Non-blocking call
fetchData();

// Babita दूसरे काम करती रहती है
console.log("UI update कर रही हूँ...");
console.log("Images load कर रही हूँ...");
console.log("Animations चला रही हूँ...");

🏠 Asynchronous Programming