Agent skill · Frontend

research-react

Research React 19 patterns, hooks, and best practices using Exa code search and Ref documentation

majiayu000github.com/majiayu000GitHub ↗
claude-codeMIT
Install
npx skills add majiayu000/claude-skill-registry --skill research-react-pascallammers-mylo-travel-concierg --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 2
SKILL.md size: 3 KB
Bundled scripts: none
Path: skills/ai-llm/research-react-pascallammers-mylo-travel-concierg/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 534
Language: HTML

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Research React 19 Patterns Use this skill when you need to: - Learn about React 19 new features (Actions, useOptimistic, use()) - Find hook implementation patterns - Research component composition patterns - Understand performance optimization techniques - Learn about Suspense and error boundaries ## Process 1. **Identify React Topic** - Which React feature or pattern? - New React 19 features or established patterns? - Performance, state management, or component design? 2. **Search Documentation (Ref)** ``` Query patterns: - "React 19 [feature name]" - "React useOptimistic hook" - "React Actions form handling" - "React Suspense streaming" ``` 3. **Find Real Implementations (Exa)** ``` Query patterns: - "React 19 useOptimistic implementation example" - "React Actions form submission error handling" - "React use hook Promise example" - "React Suspense data fetching pattern" ``` 4. **Compare with Project Patterns** - How does this fit with Next.js 15 Server Components? - Does this align with project standards? - Are there type safety considerations? ## React 19 Specific Research ### Actions ```typescript // Documentation Query: "React 19 Actions form handling" // Code examples Query

What's inside
Steps it walks through
  1. Process
  2. React 19 Specific Research
  3. Actions
  4. useOptimistic
  5. use() Hook
  6. Server Components Integration
  7. Common Research Topics
  8. Hooks
  9. Performance
  10. Patterns
  11. Output Format
  12. When to Use
  13. Example Session
Ships with 1 file
  • metadata.json
More from claude-skill-registry
All skills →
About this skill
What does the research-react skill do?

Research React 19 patterns, hooks, and best practices using Exa code search and Ref documentation

How do I install it?

Run `npx skills add majiayu000/claude-skill-registry --skill research-react-pascallammers-mylo-travel-concierg --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From majiayu000/claude-skill-registry, a repository with 534 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going