skills.rest
mkloz
mklozCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

react-19

Optimize React 19 application performance and maintainability with best practices.

Updated Feb 23, 2026
Search Tags:#state management#performance optimization#react 19#react compiler#api usage
One-click install
npx skills add https://github.com/mkloz/teamforge-frontend --skill react-19-mkloz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-19
Source: https://github.com/mkloz/teamforge-frontend/tree/main/.agents/skills/react-19-migration
Command: npx skills add https://github.com/mkloz/teamforge-frontend --skill react-19-mkloz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, react-dom, tanstack/query, zustand, ky, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides guidance and optimization techniques for React 19 applications, enhancing performance, maintainability, and developer productivity.

Core Features & Use Cases

  • API Usage Best Practices: Offers best practices for using new React 19 APIs and deprecated patterns.
  • Performance Optimization: Teaches how to measure and optimize performance with tools like React DevTools and the React Compiler.
  • State Management: Discusses state management solutions like TanStack Query, Zustand, and the new use() hook.
  • Use Case: When developing a React 19 application, use this Skill to learn about efficient state management, optimized data fetching, and advanced component patterns.

Quick Start

Analyze and optimize the performance of your React 19 app using the provided guidelines and tools.

Frequently Asked Questions about react-19

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I optimize React 19 application performance using the React Compiler?▼

Optimize React 19 application performance by leveraging the React Compiler to automate memoization and applying performance measurement techniques with React DevTools to identify bottlenecks.

What is the best way to manage state in a React 19 application?▼

Manage state in a React 19 application by utilizing the new use() hook for direct promise resolution, alongside established solutions like Zustand for global state and TanStack Query for data fetching.

Which deprecated React API patterns should I replace when upgrading to React 19?▼

Replace deprecated React API patterns by following updated React 19 API usage best practices, ensuring you transition away from legacy lifecycle methods and outdated context APIs to maintain compatibility.

Does the React use() hook work with TanStack Query for data fetching?▼

The React use() hook handles promise resolution in React 19 and can work alongside TanStack Query to provide optimized data fetching and state management solutions for your application components.

When should I use Zustand versus TanStack Query in my React 19 app?▼

Use Zustand for managing global application state and TanStack Query for handling server state and data fetching in your React 19 app, ensuring clear separation of concerns and optimized performance.

Related Skills

Explore More Software Engineering Skills→
darblexdarblex

react-expert

Build React 18+ applications with component architecture and state management.

Community
Advanced
JubaKitiashviliJubaKitiashvili
41

perf

Diagnose and fix React Native performance issues using the performance-profiler agent.

Community
Advanced
gileckgileck

state-management-guidelines

Standardize state management with React Query, Zustand, and useState.

Community
Advanced
AIBiz-AutomatyzacjeAIBiz-Automatyzacje
70

tailwind-react-guidelines

Provide React 19+ SPA development guidelines for TailwindCSS and Vite.

Community
Advanced