Skill UI

Learn practical, type-safe patterns for building complex React applications using fp-ts. This guide covers key functional programming concepts like handling optional values (Option), managing failure states (Either), and structuring data fetching and forms, ensuring your code is predictable and robust for React 18/19 and Next.js 14/15.

Mastery of modern frontend development using React 19+ and Next.js 15. This skill covers building scalable, high-performance user interfaces, managing complex client-server state, implementing advanced features like Server Components (RSC), and ensuring WCAG accessibility compliance. Ideal for architecting full-stack web applications and optimizing Core Web Vitals.

This guide outlines best practices for building highly flexible and maintainable React components. It addresses common architectural pitfalls, such as 'boolean prop proliferation,' by recommending advanced patterns like compound components, state lifting, and context providers. Use this when refactoring large component libraries, designing robust APIs, or reviewing component architecture, including considerations for React 19 APIs.

A senior specialist for building modern, production-grade React applications using React 19, Server Components, and Next.js App Router. Expertise includes implementing complex state management (Redux, Zustand), optimizing performance with memoization, handling data fetching with TanStack Query, and ensuring strict TypeScript typing and accessibility standards. Ideal for architecting large-scale frontend systems.

Highlights React 19 idioms such as the new use() hook, server components, server actions, optimistic updates, suspense, error handling, and compound hooks to structure Next.js apps with streaming data, interactivity, and reusable hooks.

A comprehensive, step-by-step guide detailing the process of upgrading Expo SDK versions in a React Native project. This resource covers dependency resolution, handling breaking changes (such as React 19 or New Architecture migrations), clearing native caches (iOS/Android), and updating deprecated packages to ensure a smooth and stable migration process.

Master robust and type-safe patterns for React development using fp-ts. This guide covers managing state with Option, sophisticated form validation using Either (collecting all errors), and handling asynchronous data fetching with TaskEither. It promotes a highly functional, predictable coding style for React 18/19 and Next.js.

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 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.

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.

This guide serves as a comprehensive reference for source-file migration patterns required when upgrading to React 19. It details critical API changes, such as updating `ReactDOM.render` to `createRoot().render()`, modernizing ref handling, and adjusting legacy context usage. It is essential for developers migrating large, existing React applications to ensure compatibility with the latest React standards.