react-plugin-implementation
CommunityPattern-driven React plugin implementation for @canard/schema-form.
Software Engineering#performance#memoization#testing-patterns#plugin-architecture#useHandle#react-plugin#schema-form
Authorvincent-kk
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill standardizes and accelerates the creation of React-based @canard/schema-form plugins by outlining proven patterns for non-controlled components, test condition guidance, and performance optimizations.
Core Features & Use Cases
- Non-controlled component patterns and testable defaults using defaultValue and useHandle.
- Performance optimization guidance with useMemo and memoization strategies.
- Clear plugin structure conventions including a SchemaFormPlugin export and formTypeInputDefinitions.
Quick Start
Inspect knowledge/component-patterns.md and knowledge/optimization-strategies.md to implement a new plugin following the recommended patterns, then export a plugin that matches the provided template.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-plugin-implementation Download link: https://github.com/vincent-kk/albatrion/archive/main.zip#react-plugin-implementation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.