Skill UI

A comprehensive matrix detailing minimum required dependency versions for stable operation with React 18.3.1 and React 19.0.0. Use this guide before running `npm install` during major React upgrades to check for peer dependency conflicts, assess compatibility risks (e.g., concurrent mode issues), and determine if a package needs version pinning or specific migration strategies.

This guide provides comprehensive patterns for migrating Enzyme unit tests to React Testing Library (RTL), especially when upgrading to React 18. It emphasizes the crucial philosophical shift from testing internal implementation details (like state or props) to asserting visible user behavior. Learn best practices for rewriting shallow/mount/simulate calls into modern, accessible, and resilient RTL queries, ensuring your tests reflect how a user genuinely interacts with the component.

This guide provides the complete, step-by-step migration pattern for outdated React context APIs (such as contextTypes, childContextTypes, and getChildContext) to the modern createContext API. Since context migration is always a cross-file process, this skill emphasizes the required coordination between the provider and all consumer components to prevent runtime failures and correctly update the entire application codebase.

Provides a comprehensive reference for migrating deprecated and unsafe class component lifecycle methods (such as componentWillMount, componentWillReceiveProps, and componentWillUpdate) to modern, React 18 compliant patterns. This guide is essential when updating legacy codebases, helping developers correctly identify the semantic purpose of the method and choose the correct replacement hook (e.g., componentDidMount or getDerivedStateFromProps), thus preventing common migration errors.

This skill provides comprehensive migration patterns for handling deprecated string refs in React (e.g., ref="name" + this.refs.name). As string refs are removed in React 19, this guide details how to safely migrate all usage—including single element refs, list refs, and callback refs—to the modern, recommended pattern using React.createRef(). It ensures developers can update their codebase for robust compatibility with React 18 and beyond.

Generates customizable prompts to scan a codebase, identify high-quality exemplars, and document patterns across languages (.NET, Java, JavaScript, TypeScript, React, Angular, Python) with configurable depth, categorization, and documentation formats.

A comprehensive skill guide for building production-grade, scroll-driven motion animations. It covers advanced techniques like parallax effects, sticky sections, horizontal scrolling, and staggered reveals using both the GSAP ScrollTrigger API and Framer Motion hooks. Ideal for implementing complex, performant animations in vanilla JavaScript, React, and Next.js.

Cross-platform Microsoft Store Developer CLI for configuring Partner Center credentials, managing applications and submissions, automating publishing workflows, and integrating with CI/CD for Windows, MAUI, Flutter, Electron, React Native, and PWA apps.

This comprehensive scaffold sets up a complete, modern Power Apps Code App project structure using Vite, React, and TypeScript. It guides developers through initializing the project with PAC CLI, configuring SDK integration, and setting up best practices for connecting to 1,500+ Power Platform connectors (e.g., Office 365, SharePoint, SQL Server). Ideal for building complex, code-first enterprise applications within the Power Platform ecosystem.

Generates detailed prompts to document end-to-end application workflows by auto-detecting architectures, stacks, entry points, services, data access, error handling, and tests across .NET, Java/Spring, React, microservices, and other tech stacks.

A comprehensive reference for diagnosing and fixing silent breaking changes in React 18 class components. This guide covers how React 18 automatically batches state updates in asynchronous contexts (e.g., setTimeout, Promises, async/await), providing patterns for handling state reads after awaiting, and offering guidance on when to correctly use `flushSync` versus refactoring.

Guides preserving React 18 concurrent patterns during migration to React 19 while outlining post-migration adoption of new APIs like use(), Actions, useOptimistic, and Suspense data fetching so concurrent behavior stays intact.