React SPA Development Pattern

This skill provides guidelines for developing React Single Page Applications following a specific architecture pattern, primarily used for small demo applications.

When to Use This Skill

Use this skill when:

• Building a new React SPA from scratch
• Working on an existing React SPA project
• The user mentions they want a React app following their standard pattern

Project Setup

When scaffolding a new React SPA project, refer to PROJECT_SETUP.md for:

• Gathering project information (name, description, version)
• Complete dependency list with latest versions
• Full project structure
• All configuration files (vite, TypeScript, ESLint, Prettier, git)
• Initial source files