React Patterns Skill

Advanced React patterns, hooks, and best practices as applied in the PP Namias portfolio.

When to use this skill

• Creating complex React components (modals, sections, interactive widgets)
• Implementing advanced patterns (compound components, context splitting)
• Optimizing React performance (memoization, derived state)
• Building reusable components following repo conventions

Portfolio-specific patterns

1. Modal system (compound components + context)

The portfolio uses a modal system built with compound components: