What core coding principles does this skill enforce?

It enforces principles like Single Responsibility, immutability using const/readonly, early returns to reduce nesting, and the use of explicit interfaces over classes.

How does this skill handle React components?

It encourages keeping components small and pure, treats props as read-only, and ensures useEffect dependency arrays are kept accurate and lean.

How is asynchronous code managed?

It prioritizes async/await patterns and recommends centralizing error handling at boundaries rather than using nested try/catch blocks throughout the logic.

What are the rules for TypeScript types?

The skill prohibits 'any' in favor of 'unknown' with type narrowing, prioritizes union types over enums, and utilizes 'as const' for fixed values.

TypeScript & React Coding Standards

Name: TypeScript & React Coding Standards
Author: DIO0550

byDIO0550

•

Developer Tools

Enforces standardized React and TypeScript implementation rules to ensure consistent, maintainable, and production-grade code.

This skill establishes a comprehensive framework for React and TypeScript development, focusing on clean code principles such as early returns, immutability, and explicit type definitions. It provides Claude with specific guidance on naming conventions, asynchronous patterns, and component architecture to reduce technical debt and improve codebase readability. By prioritizing functional patterns over classes and strictly managing side effects, it helps developers maintain high-quality standards across complex frontend projects.

Key Features

011 GitHub stars

02Promotes functional programming using types and interfaces over classes

03Defines consistent async/await and error handling strategies

04Guides React component purity and effective dependency management

05Enforces early return patterns to minimize nesting

06Standardizes object-based parameter passing for complex function signatures

Use Cases

01Standardizing implementation patterns during team-based React development

02Refactoring legacy TypeScript code to follow modern clean code principles

03Ensuring consistent error handling and validation logic across an application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dio0550/d-market coding-standards

For use in Claude.ai and ChatGPT

Download Skill