react

Standardize React and Next.js projects with feature-based architecture and TypeScript patterns.

Updated Nov 30, 2025
One-click install
npx skills add https://github.com/johnpadilla1/airline-app --skill react-johnpadilla1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react
Source: https://github.com/johnpadilla1/airline-app/tree/main/.claude/skills/react
Command: npx skills add https://github.com/johnpadilla1/airline-app --skill react-johnpadilla1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

Building complex React/Next.js apps often leads to inconsistent patterns, weak typing, and maintenance challenges; this skill codifies official React guidance and 2025 community practices to unify approach.

Core Features & Use Cases

  • Feature-based architecture guidance for React/Next.js projects
  • Typing strategies and component patterns for scalable UIs
  • Performance optimization and testing best practices with references
  • Ready-to-adopt project-structure templates and reusable templates

Quick Start

Start a new React/Next.js project with a feature-based structure and typed components to enforce best practices.

Frequently Asked Questions about react

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are React best practices for building scalable and maintainable app architectures?

React best practices for scalable apps involve codifying feature-based architecture, strict TypeScript typing, and standardized component patterns to ensure consistent implementation across teams. This approach unifies structure, state management, and testing guidelines for complex projects.

How do I structure a React or Next.js project using feature-based architecture?

Structure a React or Next.js project using feature-based architecture by organizing directories around domain features rather than technical roles. This enforces a public API for components, standardizes typing strategies, and provides ready-to-adopt project-structure templates.

Does this React architecture guidance work with Next.js projects?

Yes, this React architecture guidance explicitly supports Next.js projects. It applies feature-based structuring, typing strategies, and performance optimization techniques to both standard React applications and Next.js frameworks to unify development approaches.

How do I enforce strict TypeScript typing in a scalable React component library?

Enforce strict TypeScript typing in a React component library by defining a public API for components and applying standardized typing strategies. This ensures type safety across feature-based apps and prevents inconsistent component pattern usage.

What's the best way to optimize React performance and testing across multiple teams?

Optimize React performance and testing across teams by referencing standardized guidelines for performance optimizations and testing best practices. This approach codifies community practices to unify implementation and ensure consistent quality in scalable applications.