Skill UI

This comprehensive guide outlines best practices for writing robust JavaScript and TypeScript unit tests using the Jest framework. It covers essential topics including proper test structure, effective dependency mocking strategies (using jest.mock and jest.spyOn), handling asynchronous code, implementing snapshot testing, and modern techniques for testing React components with React Testing Library. It also provides a detailed reference of common Jest matchers.

This library provides a complete and verified set of grep command patterns designed for auditing existing React codebases. It is essential for developers preparing for major React upgrades, specifically migration audits for React 18.3.1 or React 19. It detects deprecated APIs, removed features, unsafe lifecycle methods, batching vulnerabilities, and dependency conflicts, ensuring a smooth transition.

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.

A comprehensive toolkit to automate core Slack workspace operations. Users can manage messaging (sending, updating, replying), perform advanced message searches, list and manage channels and users, and handle reactions and threaded conversations. Ideal for integrating Slack into automated business workflows.

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.