react-patterns

Standardize React component patterns by applying reusable templates for component structure, state management, and design-system classes to eliminate inconsistencies in UI code. This ensures alignment with visual systems and backend integrations across pages and features.

Handle loading states in Convex React apps by using standardized patterns that integrate Convex hooks with design-system classes. This approach maintains visual consistency while managing asynchronous data fetching and component rendering states.

Implement authorization checks in React components using Convex by applying standardized patterns for authenticated states. These patterns integrate Convex hooks to manage user access while maintaining design-system alignment.

Yes, you can use these React patterns with an existing design system. The patterns encourage usage of system classes and components to maintain visual consistency across pages and features within your project.

Yes, YAML frontmatter with name and description is required for React component pattern templates. This metadata ensures proper documentation and organization of standardized patterns within your development workflow.