Does this include React-specific optimizations?

Yes, the skill provides guidelines for React performance, including the appropriate use of React.memo, useMemo, and useCallback.

How does this skill improve TypeScript code safety?

It enforces strict configuration, prefers interfaces over type aliases for objects, and promotes the use of generics and type guards to eliminate 'any' types.

What is the recommended approach for error handling?

The skill encourages the use of Result/Either patterns and custom error classes to handle failures more predictably than standard try/catch blocks.

How does it help with code organization?

It advocates for barrel exports (index.ts files) and separating type definitions into dedicated files to ensure clean, manageable imports.

TypeScript Best Practices

Name: TypeScript Best Practices
Author: bennettaur

bybennettaur

0•

Developer Tools

Enforces strict type safety and modern JavaScript patterns to ensure robust, maintainable, and high-performance codebases.

This skill provides a comprehensive framework for TypeScript and modern JavaScript development, prioritizing type safety, modular code organization, and runtime reliability. It guides developers in implementing strict configurations, using generic types for reusability, and adopting advanced patterns like Result/Either for error handling. Whether you are refactoring a legacy project or starting a new enterprise-grade application, this skill ensures your code follows industry-standard best practices for scalability and performance.

Key Features

010 GitHub stars

02Implements robust error handling via Result patterns and type guards

03Enforces strict TypeScript configurations and interface-driven design

04Optimizes application performance with memoization and lazy loading strategies

05Promotes modular code organization using barrel exports and shared type files

06Standardizes modern JavaScript syntax including async/await and destructuring

Use Cases

01Implementing performance-sensitive React components with proper memoization hooks

02Standardizing coding patterns across a distributed team of TypeScript developers

03Refactoring legacy JavaScript modules into strictly typed, modern TypeScript code

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bennettaur/llmenv typescript

For use in Claude.ai and ChatGPT