react-02-implement

Structure React features in an Nx monorepo using the Feature Library pattern, organizing code into libs/{feature} with dedicated APIs, hooks, and types. This enforces barrel exports and a clear Component → Hook → TanStack Query → API flow to reduce duplication.

The Feature Library pattern organizes React features into self-contained library modules within an Nx monorepo. It standardizes development by enforcing barrel exports and a unidirectional data flow from Component → Hook → TanStack Query → API.

Implement a new React feature library by planning the feature scope within libs/{feature}, defining shared hooks and types, and adhering to the SKILL.md structure. This process references _shared templates to enforce consistent coding standards across the module.

Yes, the React feature library pattern explicitly integrates with TanStack Query. It enforces a standardized data flow where Components call Hooks, which then utilize TanStack Query to interact with the API layer, ensuring consistent data fetching.

Use barrel exports in an Nx React monorepo when implementing the Feature Library pattern to standardize module APIs. They provide a clear, public interface for each feature library, reducing confusion and preventing duplicate exports across teams.

The best way to standardize frontend modules across teams using Nx is adopting the Feature Library pattern. It provides a strict blueprint for organizing features into libs with barrel exports and a standardized Hook → TanStack Query → API flow.