Plugins
2 pluginsResults for “component-patterns”
14 skills
github React18 Lifecycle Patterns
Migrate React class component lifecycle methods (componentWillMount, componentWillReceiveProps, componentWillUpdate) to React 18.3.1 compliant patterns with decision trees and before/after code examples.
36.2k · bundle
vercel-labs Vercel Composition Patterns
Provides React composition patterns to avoid boolean prop proliferation, build flexible component libraries, and design reusable APIs, including React 19 changes.
28.7k · bundle
dotnet Author Component
Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.
4k · bundle
github React18 Batching Patterns
Diagnose and fix automatic batching regressions in React 18 class components with a decision tree for setState behavior changes.
36.2k · bundle
vuejs-ai Vue Best Practices
Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.
2.7k · bundle
vuejs-ai Vue Testing Best Practices
Provides best practices, patterns, and solutions for testing Vue.js applications, covering Vitest, Vue Test Utils, component testing, mocking, and Playwright for E2E testing.
2.7k · bundle
More results
huggingface Huggingface Gradio
Build interactive web UIs and ML demos in Python using Gradio's core API, components, and patterns.
10.8k · bundle
google-labs-code Stitch React Components
Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.
6.4k · bundle
vuejs-ai Vue Router Best Practices
Provides Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
2.7k · bundle
dotnet Use JS Interop
Add, review, or fix JavaScript interop in Blazor components, including collocated modules, lifecycle timing, batching, typed wrappers, and disposal patterns.
4k
greensock Gsap React
Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.
10.9k
adobe Workflow Development
Implement custom AEM Workflow Java components on AEM 6.5 LTS, including WorkflowProcess and ParticipantStepChooser with OSGi registration, metadata handling, and error patterns.
142 · bundle
openai Winui App
Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and CommunityToolkit components.
23.3k · bundle
googlechrome Modern Web Guidance
Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: - UI/Layout: Modals, dialogs, popovers, Glassmorphism/backdrop-filters, anchor positioning, container queries, `:has()`, `:user-valid`. - Scroll/Motion: View Transitions, Scroll-driven animations, scroll parallax/reveals. - Performance: CWV (LCP, INP), content-visibility, Fetch Priority, image optimization. - System/APIs: Local filesystem access, WebUSB, WebSockets sync, WebAssembly widgets. - Frameworks: Adapting layout/styles in React, Vue, Angular. - General Frontend: Forms, autofill, advanced inputs, custom scrollbars, modern component states, etc. DO NOT trigger for: - Backend: Database SQL, ORMs, Express API routes. - Pipelines: CI/CD deployment, Docker, Actions. - Generic: Local scripts (Python/Go tools), ESLint, Git.
1.6k · bundle