What core coding principles does this skill enforce?

It enforces principles like early returns to reduce nesting, the Single Responsibility Principle, and the use of immutable data structures using const and readonly.

Does this skill work with React projects?

Yes, it includes specific rules for React, such as maintaining pure components, accurate useEffect dependency arrays, and keeping components small and focused.

How does it handle TypeScript specifically?

It discourages the use of 'any', favors union types over enums, requires explicit return types, and uses 'as const' for constant definitions.

What is the recommended approach for error handling?

The skill suggests avoiding try/catch abuse. Instead, it promotes expressing expected failures through return values like Result types or discriminated unions.

TypeScript & React Coding Standards

Name: TypeScript & React Coding Standards
Author: DIO0550

byDIO0550

0•

開発者ツール

Enforces high-quality implementation patterns for TypeScript and React to ensure code maintainability and type safety.

The coding-standards skill provides a rigorous framework for developing modern TypeScript and React applications. By defining specific rules for early returns, immutable data structures, and the preference of interfaces over classes, it helps developers maintain a clean and consistent codebase. It also introduces sophisticated error-handling patterns, such as using union types for expected failures rather than try-catch blocks, ensuring that developers can write predictable, production-grade code while minimizing technical debt and improving readability across the entire software development lifecycle.

主な機能

01Mandates immutable data updates and 'as const' constant definitions

020 GitHub stars

03Standardizes functional error handling with Result/Either patterns

04Enforces minimal nesting through early return implementation

05Optimizes React components for purity and strict dependency management

06Prioritizes type and interface usage over traditional classes

ユースケース

01Refactoring legacy TypeScript code into clean, functional patterns

02Standardizing implementation rules across a distributed development team

03Automating code quality reviews using defined architectural principles

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dio0550/d-market-typescript coding-standards

For use in Claude.ai and ChatGPT

Download Skill