React Engineering

Build React from ownership and composition: keep state with its owner, derive during render, synchronize only with external systems, and introduce abstraction after real variation appears. Match the user's request—build, recommend, or audit—without forcing a full checklist onto focused work.

Workflow

1. Detect the React environment

Inspect installed React and framework versions, compiler configuration, renderer, routing/data libraries, and nearby conventions. Determine whether Server Components or a client-only renderer are actually available. Use project or current primary docs for version-sensitive mechanics.

When the task depends on Next.js routes, Cache Components, Server Actions, App Router file conventions, or framework caching, load nextjs-app-architecture instead of restating those mechanics here.