React UI Dev

Develop UI components, pages, forms, and tests in React Router 7 Framework Mode (ssr: false) projects following Sellernote frontend conventions.

React Router 7 Framework Mode: All projects use ssr: false with selective pre-rendering for public pages only. There is no runtime server — served from CDN. Server Components and Server Actions are not used. TanStack Query is the single solution for runtime data fetching. Even with ssr: false, some routes render in Node.js at build time, so SSR-safe rules apply to all components.

Convention Loading

Read the following reference files before starting work:

1. Always read first (core rules):
   • references/FRONTEND_CONVENTION.md — Component design, props, imports, accessibility, performance
   • references/FRONTEND_ARCHITECTURE_CONVENTION.md — Feature-based co-location, 4-type component classification, dependency direction, data flow
   • references/STYLING_CONVENTION.md — Tailwind CSS v4 + cn()/cva(), responsive design, dark mode