Clean Architecture for React Native (Expo) with TypeScript and Bun. Use this skill when creating features, refactoring code, or reviewing code in React Native projects. Enforces strict separation between Core (domain), Infrastructure (adapters), and UI layers. Implements ports/adapters pattern, Result pattern for errors, and atomic design for components.
Detected risks:
The 'react-clean-architecture' skill provides a prescriptive architecture for building React Native applications with Expo, TypeScript, and Bun. It addresses the challenge of maintaining clean code and ensuring a modular, scalable architecture by enforcing strict separation between Core, Infrastructure, and UI layers. This skill simplifies code management and refactoring by utilizing a Ports/Adapters pattern, the Result pattern for handling errors, and atomic design principles for UI components, offering a structure that scales well as the application grows and evolves.
It helps developers implement a clean and scalable architecture for React Native applications by enforcing separation of concerns, making code more maintainable, testable, and easier to refactor.
This skill is designed specifically for React Native applications using Expo. While it can be adapted to non-Expo React Native projects, it’s not directly compatible without modification.
This architecture requires TypeScript, Bun, Zustand for client state management, and React Query for server state. These dependencies help manage the app’s state and ensure smooth data flow between the UI and backend.
The Core principle is that the Core layer (business logic and domain models) is independent of any external dependencies, including UI and Infrastructure, which can import from the Core layer but never the other way around.
Quick Setup:
.claude/skills/Repository
benaor/claude-config