Guide React 19 component development with hooks, TypeScript, and performance practices.
npx skills add https://github.com/michelve/hugin-cowork --skill react-michelve
Please help me install this Agent Skill. Skill: react Source: https://github.com/michelve/hugin-cowork/tree/main/skills/react Command: npx skills add https://github.com/michelve/hugin-cowork --skill react-michelve
This skill provides guidance and best practices for developing modern React 19 applications, ensuring components are efficient, maintainable, and leverage the latest features.
useState, useEffect, useCallback, useMemo, and custom hooks.React.memo, code splitting, and virtualization.Create a new React function component using the provided template, ensuring all props are properly typed and event handlers are memoized with useCallback.
High-intent search queries and answers about installing and using this skill.
To build robust React 19 components, use the provided templates to ensure all props are properly typed with TypeScript and event handlers are memoized with useCallback for maintainable structure.
Optimize React component performance by implementing techniques like React.memo for memoization, code splitting for lazy loading, and virtualization to efficiently handle large lists and prevent unnecessary re-renders.
Manage state in modern React by mastering useState, useEffect, useCallback, useMemo, and custom hooks while avoiding common pitfalls like conditional hooks and direct state mutation.
Yes, you can implement code splitting in React 19 by using Suspense and lazy loading to dynamically load components, which improves initial load performance and overall application efficiency.
Conditional hooks break React components because hooks must be called in the exact same order on every render; placing them inside conditions or loops violates React's rules of hooks.
TypeScript is strongly recommended for React 19 best practices to ensure type safety for props, state, and hooks, resulting in more robust and maintainable component structures.
GemachDAOScaffold a React or Next.js project with a GDEX SDK provider.
Saisagar7779Optimize Next.js applications by preventing async waterfalls and reducing bundle size.
juliochwdDevelops interactive HTML artifacts with React, Tailwind CSS, and shadcn/ui components for claude.ai.
DrLuggelsGuide reusable web component design with React, Vue, and Svelte patterns.