Next.js: Паттерны загрузки данных — ментальная модель

App Router: fetch в Server Component через async/await — без useEffect, без client waterfall. Два решения: где (server default) и как parallelize independent requests.

Разбор

Data fetching переехал в component tree на сервере. Server Component = async function; await data там, где render. Без loading flags, без client round-trip, без API key в browser.

Senior framing: опасность — waterfall. Inline await легко serializes independent requests — три по 100 ms → 300 ms. Await sequentially только при true dependency; остальное — parallel.

❌ Waterfall (serial)          ✅ Parallel
   await user()  ─┐              const [u, p] = await Promise.all([
   await posts() ─┤ 300ms          user(), posts()   // both start at once
   await tags()  ─┘                , tags(),
                                  ]);                  // ~100ms

Итог

Default — server await в RSC; главный anti-pattern — serial waterfall; Promise.all и отдельные async components + Suspense для parallel + streaming.