
React Patterns
This is a solid reference for modern React development that covers the essentials: hooks like useState, useReducer, and useContext with actual working examples, plus patterns for combining them effectively. You'll find it useful when you need to remember the right way to handle complex state with useReducer instead of prop drilling, or when setting up context providers properly. The code examples are practical, like the task manager reducer and theme context implementations, not just toy demos. It's clearly written for React 18+ functional components, so if you're still dealing with class components or need to refactor legacy code, the patterns here will help. The guide assumes you know React basics but need reminders on best practices and composition patterns.
- skills.sh installs
- 473
- GitHub stars
- 63
- last updated
- Aug 21, 2026
Install
$ npx -y skills add manutej/luxor-claude-marketplace --skill react-patterns --agent claude-codeInstalls into .claude/skills of the current project.
Files
React Patterns - Modern Development Guide
A comprehensive skill for mastering modern React development patterns, including React 18+ features, hooks, component composition, state management strategies, and performance optimization techniques for building scalable web applications.
When to Use This Skill
Use this skill when:
- Building modern React applications with functional components and hooks
- Implementing complex state management with useReducer and Context API
- Optimizing React application performance with memoization techniques
- Creating reusable custom hooks for shared logic
- Working with Server Components and React Server Components (RSC)
- Managing forms, side effects, and asynchronous operations
- Refactoring class components to modern functional patterns
- Building type-safe React applications with proper patterns
- Implementing advanced component composition patterns
- Debugging React performance issues and unnecessary re-renders
Core Concepts
React Philosophy
Modern React emphasizes:
Sponsors
Details
- Repository
- github.com/manutej/luxor-claude-marketplace
- Categories
- Frontend Development, Debugging
- First seen
- Jun 3, 2026
More from manutej/luxor-claude-marketplace
All 66- Pandas470
- React Development468
- Database Management Patterns467
- Angular Development463
- Tailwind Css463
- Javascript Fundamentals461
- Vector Database Management460
- Performance Benchmark Specialist457
- Pytest457
- Observability Monitoring456
- Terraform Infrastructure As Code454
- Fastapi Development452
- Langchain Orchestration452
- Aws Cloud Services451
- Express Microservices Architecture449
- Graphql Api Development449
- Microservices Patterns447
- Linear Dev Accelerator446
- Mlops Workflows445
- Dbt Data Transformation442
- Shell Testing Framework440
- Apache Airflow Orchestration438
- Terraform Infrastructure438
- Claude Sdk Integration Patterns437