react-nx-patterns

What problem does it solve?

This Skill provides comprehensive guidance on structuring modern React and Next.js projects within Nx monorepos, enabling scalable, maintainable, and efficient development workflows.

Core Features & Use Cases

• Standardized Architecture: Implements domain-based organization with clear separation of features, UI components, and data-access layers.
• Component Patterns: Offers best practices for feature, UI, and server/client components, including data fetching and state management.
• Use Case: When setting up a large Nx-based React project, use this Skill to organize code, enforce boundaries, and streamline development.

Quick Start

Create a new Nx workspace for React with Next.js, then add libraries for features, UI, and data access, following the provided commands and structure.