React

Use React Effects only for external synchronization, clean them up symmetrically, and prevent stale asynchronous work from updating current UI.

Use TypeScript to make React component contracts, UI states, events, and external data boundaries explicit without hiding uncertainty.

Use React Router NavLink to build accessible navigation that reflects active and pending route state without manual URL checks.

Build persistent application and feature layouts with nested React Router routes and Outlet without duplicating page chrome.

Learn how to divide a React interface into focused components, design clear prop contracts, and keep state in the right owner.

Separate React browser responsibilities from ASP.NET Core authentication, authorization, validation, data, and operational ownership.

Structure React startup, routing, shared UI, features, tests, and styles so ownership remains clear as the application grows.

Model application URLs as React Router routes, including nested pages, parameters, not-found handling, and deployment fallbacks.

Write React tests around visible behavior, accessible queries, user interactions, routing, and controlled external boundaries.

Build accessible React pages with semantic landmarks, native controls, visible focus, logical headings, labels, and skip navigation.