Tag: component-architecture
Refactoring Complex React Components in TypeScript
Guides the systematic refactoring of high-complexity React components by extracting custom hooks, simplifying conditional logic, and decomposing monolithic JSX into smaller, manageable sub-components. This process is essential for improving…
React Component Development Best Practices Guide
This guide outlines architectural patterns for developing React components, focusing on optimal styling using createStaticStyles and component hierarchy management. It details preferred usage of @lobehub/ui primitives, routing with react-ro…
React/TypeScript Component Architecture Guide
This guide provides architectural best practices for developing robust React/TypeScript components. It covers state management, data fetching contracts, prop typing, and component ownership to ensure highly maintainable and scalable codebas…
React Component Architecture and Composition Patterns
This skill provides architectural guidelines for building scalable and maintainable React components. It advises developers on advanced patterns, such as using compound components and lifting state, to avoid boolean prop proliferation and i…
Designing and Building Reusable Convex Components
This skill provides a structured workflow for designing and implementing isolated Convex components with distinct tables and clear boundaries. It covers the implementation of local, packaged, and hybrid architectures using the Convex Compon…
Designing and Building Convex Components
This skill facilitates the design and implementation of reusable Convex components with isolated tables and defined boundaries. It provides a structured workflow for extracting backend logic and managing component-to-app communication via a…
Create Reusable Convex Components
This skill facilitates the design and implementation of isolated Convex components with distinct schemas, clear boundaries, and app-facing wrappers. It provides a structured workflow for extracting backend logic into reusable modules or bui…
Designing Reusable Convex Components
This skill facilitates the creation of reusable Convex components with isolated tables, clear boundaries, and app-facing wrappers. It provides a structured workflow for managing component shapes, authentication, and cross-boundary function …