dev-expert
Development patterns for React, Vue, Laravel, Next.js, React Native - state management, forms, API integration
When & Why to Use This Skill
The Dev Expert skill serves as a comprehensive reference for modern software development patterns across popular frameworks like React, Vue, Laravel, and Next.js. It provides standardized, high-quality architectural blueprints for critical application pillars including global state management, robust form handling, and efficient API integration, ensuring code maintainability and scalability.
Use Cases
- Architecting scalable state management systems using industry-standard libraries like Zustand, Pinia, or Redux for complex web and mobile applications.
- Implementing standardized API integration layers that incorporate advanced error handling, data caching, and server-state synchronization using TanStack Query or SWR.
- Designing consistent form validation and submission workflows across different frontend frameworks to ensure data integrity and a unified user experience.
- Evaluating and selecting the optimal state management strategy (Local vs. Global vs. Server state) based on specific project requirements and architectural constraints.
- Streamlining the transition between different development stacks (e.g., React to Vue or Laravel) by applying universal development patterns and best practices.
| name | dev-expert |
|---|---|
| description | "Development patterns for React, Vue, Laravel, Next.js, React Native - state management, forms, API integration" |
| autoInvoke | false |
| priority | medium |
Skill: Dev Expert
Category: Reference Skill Version: 2.0.0 Used By: All development agents
Framework-Specific Patterns
For framework-specific patterns, use the auto-invoking expert skills:
expert_skills[8]{skill,triggers}:
react-expert,React/JSX/hooks
vue-expert,Vue/Composition API/Pinia
react-native-expert,React Native/Expo/mobile
nextjs-expert,Next.js/App Router/SSR
laravel-expert,Laravel/PHP/Eloquent
nodejs-expert,Node.js/Express/NestJS
angular-expert,Angular/NgRx/RxJS
flutter-expert,Flutter/Dart/widgets
Generic Patterns (This Skill)
patterns[3]{file,purpose}:
state-management.md,Zustand/Redux/Pinia patterns
form-handling.md,Form validation + submission
api-integration.md,API calls + error handling + caching
When to Use
- Phase 5b (Implementation) - Generic coding patterns
- State management decisions (cross-framework)
- API integration patterns (cross-framework)
- Form handling patterns (cross-framework)
Quick Reference
state_types[3]{type,use_when,solution}:
Local state,Component-specific UI,useState/ref
Global state,Shared app state,Zustand/Pinia/Redux
Server state,API data,TanStack Query/SWR/RTK Query
Version: 2.0.0 | Last Updated: 2025-12-23