Parallel vs Sequential Fetching
Sequential, awaits, (EK, ke, BAAD, EK), "WATERFALL" create, karte, HAIN — HAR, fetch, PREVIOUS, ke, COMPLETE, hone, ka, WAIT, karta hai, CHAHE, WOH, EK, DUSRE, PAR, DEPEND, NA, karte, HON.
Promise.all(), se, MULTIPLE, INDEPENDENT, fetches, ko, PARALLEL, mein, START, kiya, ja, sakta hai — TOTAL, TIME, SLOWEST, request, ke, BARABAR, hota hai, SAARI, requests, ke, TOTAL, se, KAAFI, KAM.
// BAD — sequential (waterfall):
const user = await getUser(id);
const posts = await getPosts(id); // user, ke, complete, hone, ka, WAIT, kiya
// GOOD — parallel:
const [user, posts] = await Promise.all([getUser(id), getPosts(id)]);- Sequential fetching = "waterfall" — independent, requests, ko, bhi, one-by-one, wait, karta, hai
- Promise.all() = independent, fetches, ko, parallel, mein, run, karta, hai
- Total time, sequential, mein, SUM, hoti, hai, parallel, mein, MAX, hoti, hai
Parallel, Routes, (@folder, syntax) EK, ADVANCED, App, Router, feature, hai — MULTIPLE, INDEPENDENT, PAGES, ko, EK, SAATH, SAME, layout, mein, RENDER, kiya, ja, sakta hai, jaise, EK, DASHBOARD, mein, MULTIPLE, ALAG, PANELS, PARALLEL, mein, LOAD, hote, HAIN.
app/dashboard/
├── @analytics/page.js
├── @team/page.js
└── layout.js // { children, analytics, team } props, milte, hainEk, "preload" PATTERN, USE, kiya, ja, sakta hai — EK, fetch, call, ko, USE, hone, se, PEHLE, hi, TRIGGER, karके, START, kar, dena — void getData();, se, EK, PROMISE, ko, "warm, up" kiya, ja, sakta hai, actually, await, kiye, bina.