coding-standards

Apply consistent naming conventions, immutability via spread operators, comprehensive try/catch error handling, and proper type definitions instead of any. Activate this skill during code reviews or when scaffolding new modules to check code against these rules.

Use functional components with typed props interfaces, extract reusable logic into custom hooks like useDebounce, and update state with functional setters to avoid stale values. Memoize expensive computations with useMemo and callbacks with useCallback.

Use Zod schemas to define expected shapes, then parse incoming JSON and return a 400 response with error details on ZodError. Pair this with a consistent ApiResponse structure containing success, data, and error fields.

Direct mutation breaks React's change detection and causes unpredictable state bugs. Use the spread operator to create updated copies, such as {...user, name: 'New Name'} or [...items, newItem], keeping updates immutable.

Watch for functions over 50 lines, nesting deeper than a few levels, and unexplained magic numbers. Split long functions into smaller units, use early returns to flatten nesting, and replace literals with named constants like MAX_RETRIES.