Enforce React component best practices with binding/presentation splits and useObservableValues.
npx skills add https://github.com/paralleldrive/aidd --skill aidd-react
Please help me install this Agent Skill. Skill: aidd-react Source: https://github.com/paralleldrive/aidd/tree/main/ai/skills/aidd-react Command: npx skills add https://github.com/paralleldrive/aidd --skill aidd-react
This Skill enforces React component best practices, helping developers create smaller, testable, and predictable components by implementing the binding component/presentation split and using useObservableValues.
Run /aidd-react to create or modify React components and implement best practices for binding and presentation.
High-intent search queries and answers about installing and using this skill.
The binding and presentation split in React components separates data binding from pure rendering. This pattern improves component predictability and testability by keeping reactive bindings and action callbacks isolated from presentation logic.
You use useObservableValues in React components to manage reactive bindings within the presentation split. It enables predictable state handling by enforcing observable patterns when creating or modifying components with action callbacks.
You enforce React component best practices by applying the binding component and presentation split. This refactoring process separates data binding from pure rendering, resulting in smaller, testable, and predictable components.
Yes, the binding component and presentation split pattern works for both creating and modifying React components. It is specifically designed to implement best practices for reactive bindings and action callbacks in either scenario.
Separating data binding from rendering in React produces smaller, testable, and predictable components. This split keeps reactive bindings isolated, improving overall component quality and making action callbacks easier to manage.
Yes, this approach is ideal for React components utilizing reactive bindings and action callbacks. It enforces best practices by implementing the binding component and presentation split alongside useObservableValues for predictable state.
paralleldriveEnforce binding/presentation separation and DatabaseElement extension in Lit elements.
hasnaxyzRender structured JSON UI specs into SolidJS components with reactive bindings.
foscomputerservicesGenerate localized ViewModel tests for MVVM Swift projects using FOSMVVM patterns.
lucaspedrozaemDesign frontend architectures and component systems for SaaS products.
