Frontend Patterns¶
Component architecture, state management, form handling, and API integration patterns.
| Guide | Description |
|---|---|
| React Components | Component structure, server vs client, composition |
| State Management | Local state, TanStack Query, Zustand |
| Form Handling | react-hook-form + Zod validation |
| API Integration | Axios client, error parsing, hooks |
| Images | Upload flow, rendering primitives, download proxy |
| Media Resources | MediaResourceRenderer — unified component for API-sourced images and videos |
| Modal System | Registry modals, inline modals, ModalHub layout, stacking, useModalState |
| Floating Windows | Draggable/resizable portal panels via useFloatingWindow |
| Media Clipboard | Persistent clipboard store with compare mode and local upload support |
| Action Menu | Global programmatic context menu, Action types, useMediaResourceActions |
| UI Providers | All UI context providers — ActionMenu, Gallery, Popover, Menu, Prediction menus, ClientProviders tree |
| Searchable Select | SearchableSingleSelect/Multi primitives and domain *SelectField wrappers |
| Form & List Hooks | Standard CRUD form hooks and paginated list hook patterns |
| DataTable | Generic sortable table with row actions, pagination, and pinned rows |