Add detailed landing page development plan in docs/frontend_landing_plan.md: - Complete landing page structure (Hero, Problem/Solution, Features, Demo, CTA) - Design guidelines from downloaded skills (typography, color, motion, composition) - Security considerations (XSS prevention, input sanitization, CSP) - Performance targets (LCP <2.5s, bundle <150KB, Lighthouse >90) - Responsiveness and accessibility requirements (WCAG 2.1 AA) - Success KPIs and monitoring setup - 3-week development timeline with daily tasks - Definition of Done checklist Download 10+ frontend/UI/UX skills via universal-skills-manager: - frontend-ui-ux: UI/UX design without mockups - frontend-design-guidelines: Production-grade interface guidelines - frontend-developer: React best practices (40+ rules) - frontend-engineer: Next.js 14 App Router patterns - ui-ux-master: Comprehensive design systems and accessibility - ui-ux-systems-designer: Information architecture and interaction - ui-ux-design-user-experience: Platform-specific guidelines - Plus additional reference materials and validation scripts Configure universal-skills MCP with SkillsMP API key for curated skill access. Safety first: All skills validated before installation, no project code modified. Refs: Universal Skills Manager (github:jacob-bd/universal-skills-manager) Next: Begin Sprint 3 landing page development
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.
|