react

Enforce React coding standards across TSX files using centralized react.mdc rules.

Updated Oct 18, 2025

Search Tags:#typescript #react #static-analysis #coding-standards #lint #tsx

Ready to run

npx skills add https://github.com/masonjames/sparka --skill react-masonjames

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: react
Source: https://github.com/masonjames/sparka/tree/main/.claude/skills/react
Command: npx skills add https://github.com/masonjames/sparka --skill react-masonjames

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

React coding standards and conventions are enforced across TSX files to maintain quality and consistency.

Core Features & Use Cases

Centralized React rule set defined in react.mdc used by the project.
Validates code style and conformance in TSX files during development and CI.
Use Case: When adding new components, ensure all TSX files follow project conventions automatically.

Quick Start

Configure your editor or CI to apply the react.mdc rules to TSX files in the project.

Frequently Asked Questions about react

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

FAQPage Schema

How do I enforce React coding standards in TSX files?▼

To enforce React coding standards in TSX files, you can apply a centralized rule definition that validates code style and conventions automatically during development and CI.

What is the best way to lint TSX syntax for React projects?▼

Linting TSX syntax for React projects is handled by applying deterministic checks against TSX files using a centralized rule set, ensuring conformance to project conventions.

Can I use static analysis rules for TypeScript React projects during code review?▼

Yes, static analysis rules can be applied to TypeScript React projects to validate code style and enforce conventions in TSX during both development and code review.

How do I ensure new React components follow existing project conventions?▼

To ensure new React components follow project conventions, configure your editor or CI environment to apply centralized TSX rules to all files in the project automatically.

Do I need to configure my editor to apply React rules to TSX files?▼

Yes, configuring your editor or CI pipeline is necessary to apply the centralized React rules to TSX files, which enforces coding standards across the project.

Are there limitations to using centralized rules for React static analysis?▼

Centralized rules for React static analysis apply deterministic checks specifically to TSX syntax, meaning validation is focused on code style and conventions within TypeScript React projects.