mirror of
https://github.com/kjanat/livedash-node.git
synced 2026-02-13 14:15:44 +01:00
- Update tsconfig to ES2024 target and bundler moduleResolution - Add dynamic imports for chart.js and recharts (bundle optimization) - Consolidate 17 useState into useReducer in sessions page - Fix 18 .js extension imports across lib files - Add type declarations for @rapideditor/country-coder - Fix platform user types (PlatformUserRole enum) - Fix Calendar component prop types - Centralize next-auth type augmentation - Add force-dynamic to all API routes (prevent build-time prerender) - Fix Prisma JSON null handling with Prisma.DbNull - Fix various type mismatches (SessionMessage, ImportRecord, etc.) - Export ButtonProps from button component - Update next-themes import path - Replace JSX.Element with React.ReactElement - Remove obsolete debug scripts and pnpm lockfile - Downgrade eslint to v8 for next compatibility
81 lines
2.0 KiB
Markdown
81 lines
2.0 KiB
Markdown
---
|
|
title: Defer Await Until Needed
|
|
impact: HIGH
|
|
impactDescription: avoids blocking unused code paths
|
|
tags: async, await, conditional, optimization
|
|
---
|
|
|
|
## Defer Await Until Needed
|
|
|
|
Move `await` operations into the branches where they're actually used to avoid blocking code paths that don't need them.
|
|
|
|
**Incorrect (blocks both branches):**
|
|
|
|
```typescript
|
|
async function handleRequest(userId: string, skipProcessing: boolean) {
|
|
const userData = await fetchUserData(userId)
|
|
|
|
if (skipProcessing) {
|
|
// Returns immediately but still waited for userData
|
|
return { skipped: true }
|
|
}
|
|
|
|
// Only this branch uses userData
|
|
return processUserData(userData)
|
|
}
|
|
```
|
|
|
|
**Correct (only blocks when needed):**
|
|
|
|
```typescript
|
|
async function handleRequest(userId: string, skipProcessing: boolean) {
|
|
if (skipProcessing) {
|
|
// Returns immediately without waiting
|
|
return { skipped: true }
|
|
}
|
|
|
|
// Fetch only when needed
|
|
const userData = await fetchUserData(userId)
|
|
return processUserData(userData)
|
|
}
|
|
```
|
|
|
|
**Another example (early return optimization):**
|
|
|
|
```typescript
|
|
// Incorrect: always fetches permissions
|
|
async function updateResource(resourceId: string, userId: string) {
|
|
const permissions = await fetchPermissions(userId)
|
|
const resource = await getResource(resourceId)
|
|
|
|
if (!resource) {
|
|
return { error: 'Not found' }
|
|
}
|
|
|
|
if (!permissions.canEdit) {
|
|
return { error: 'Forbidden' }
|
|
}
|
|
|
|
return await updateResourceData(resource, permissions)
|
|
}
|
|
|
|
// Correct: fetches only when needed
|
|
async function updateResource(resourceId: string, userId: string) {
|
|
const resource = await getResource(resourceId)
|
|
|
|
if (!resource) {
|
|
return { error: 'Not found' }
|
|
}
|
|
|
|
const permissions = await fetchPermissions(userId)
|
|
|
|
if (!permissions.canEdit) {
|
|
return { error: 'Forbidden' }
|
|
}
|
|
|
|
return await updateResourceData(resource, permissions)
|
|
}
|
|
```
|
|
|
|
This optimization is especially valuable when the skipped branch is frequently taken, or when the deferred operation is expensive.
|