react-patterns
React Patterns
Expert guidance for implementing modern React patterns using hooks, component composition, state management, and concurrent features.
Core Philosophy
| Priority | Description |
|---|---|
| Component Composition | Build complex UIs from simple, reusable pieces |
| Separation of Concerns | Business logic in hooks, presentation in components |
| Explicit over Implicit | Clear data flow and state management |
| Performance | Minimize re-renders, optimize heavy computations |
| Accessibility | Build inclusive, keyboard-navigable interfaces |
Pattern Categories
Component Composition Patterns
More from majesticlabs-dev/majestic-marketplace
slogan-generator
Generate and evaluate marketing slogans and taglines for any product or service. Use when naming a campaign, need a tagline for branding, or want scored slogan options across multiple angles. Creates options, scores against criteria, and recommends the best fit.
263google-ads-strategy
Build Google Ads campaign structures with keyword research, ad copy, audience targeting, and budget allocation. Use when planning paid search campaigns, setting up Google Ads for the first time, or restructuring underperforming ad accounts. Supports B2B and B2C.
147viral-content
Create viral content frameworks with platform-specific patterns and posting schedules. Use when building a content playbook for TikTok, LinkedIn, X, Instagram, or YouTube, or when maximizing organic reach without paid promotion. Includes psychological hooks and algorithm-optimized formats.
130devils-advocate
Forces adversarial reasoning before committing to decisions. Triggers on architectural choices, approach selection, and planning phases to prevent premature commitment bias.
117frontend-css-patterns
Framework-agnostic CSS patterns for typography, color, motion, and spatial composition.
104market-research
Research markets, competitors, and audiences using web data and structured synthesis. Use when entering new markets, validating ideas, or analyzing competitive landscapes.
91