Enforce React Native Expo developer experience principles for clean, maintainable code.
npx skills add https://github.com/AgustinOberg/dx-expert-skill --skill dx-expert
Please help me install this Agent Skill. Skill: dx-expert Source: https://github.com/AgustinOberg/dx-expert-skill/tree/main Command: npx skills add https://github.com/AgustinOberg/dx-expert-skill --skill dx-expert
This Skill enforces best practices in React Native Expo development, ensuring cleaner, more maintainable, and performant code by guiding AI agents away from common anti-patterns.
useCallback and guides useMemo usage.Use the dx-expert skill to refactor the provided component to adhere to the Single Responsibility Principle and Compound Component Pattern.
High-intent search queries and answers about installing and using this skill.
To refactor a React Native Expo component for the Single Responsibility Principle, separate state logic into focused hooks and rendering logic into distinct components. This division enforces clean, maintainable code by ensuring each module handles only one specific concern.
Avoid using useEffect for derived state and discourage useCallback usage in React Native to optimize memoization. Prioritize useMemo and component composition over unnecessary hooks to write clean, performant code.
The Compound Component Pattern in React Native improves code quality by composing smaller, reusable components instead of relying on complex boolean props. This approach ensures cleaner component design, better maintainability, and more flexible UI rendering.
Yes, you can and should use Expo Router for navigation and routing in React Native projects. Prioritizing native Expo Router features ensures better navigation handling and aligns with developer experience best practices.
To ensure UX polish in React Native Expo, always implement loading, error, and empty states. Additionally, handle keyboard interactions, respect safe areas, and maintain adequate touch target sizes for a complete user experience.
yebotBuild and configure React Native and Expo apps with EAS workflows.
DiologIRAutomates code review for NestJS, Next.js, and React Native applications.
jfrometaRun lint, type checks, and security audits on Node.js and Python projects.
hackefellerStandardize React component design, naming, and state management patterns.