Move UI component logic into reusable hooks and services.
npx skills add https://github.com/Hashzin-0/Curion --skill logica-isolada
Please help me install this Agent Skill. Skill: logica-isolada Source: https://github.com/Hashzin-0/Curion/tree/main/.opencode/skills/logica-isolada Command: npx skills add https://github.com/Hashzin-0/Curion --skill logica-isolada
Proibido lógica dentro de componentes. Componentes devem ser puramente declarativos. Toda lógica deve existir em hooks ou domain/services.
Refatore qualquer lógica de estado, efeitos ou validações para hooks ou serviços e mantenha componentes apenas declarativos.
High-intent search queries and answers about installing and using this skill.
Separate component logic by refactoring state, effects, and data fetching into dedicated hooks or services. This enforces a purely declarative UI layer, keeping components clean and centralizing stateful logic for easier maintenance and testing.
Keep React components purely declarative by banning business logic inside the UI. Move all state, side effects, and API orchestration into hooks or domain services to enforce clear architectural boundaries and separation of concerns.
Yes, you can refactor React components handling API calls by moving data fetching and orchestration logic into a separate hook. This isolates side effects from the UI layer, keeping the component purely declarative and centralizing API orchestration.
You should move state management and validations out of frontend components to improve separation of concerns. Isolating this logic into hooks or services creates clear boundaries, enhancing code maintainability, reusability, and testability across React modules.
You need to extract hooks and services when components manage state, perform side effects, validate data, or orchestrate API calls. This separation keeps the UI declarative and structures code into maintainable, testable modules with clear architectural boundaries.
ImaginerLabsExtract reusable React components and custom Hooks with TypeScript prop typings.
flutterWrite Flutter widget tests using the WidgetTester API to verify UI rendering and interactions.
xxihImplement React and Next.js patterns for component composition, state hooks, and performance.
PatternsDevSeparate data logic from UI rendering in React components.
