TypeScript/JavaScript Coding Techniques

Overview

Apply the user's preferred TypeScript/JavaScript coding techniques automatically when writing or refactoring code. This skill encapsulates coding patterns, best practices, and architectural decisions to ensure consistency with the user's mental model and development philosophy.

When to Use

Use this skill automatically in the following scenarios:

• Writing new TypeScript/JavaScript code
• Refactoring existing TypeScript/JavaScript code
• Planning improvements of code quality
  • e.g. reduce duplication, improve readability, enhance maintainability, etc.
• Reviewing code for improvements
• Making architectural decisions in TypeScript/JavaScript projects

Apply these techniques proactively as the default approach.

Reference Structure

Coding techniques and tips are organized into two categories:

references/typescript/

- Language-Level Patterns

TypeScript/JavaScript language syntax, patterns, and best practices.

See

references/typescript/README.md

for details.

references/libraries/

- Library-Specific Tips

Usage patterns, optimizations, and gotchas for specific libraries and frameworks.

See

references/libraries/README.md

for details.

Usage

When writing TypeScript/JavaScript code, load and apply patterns from the relevant reference files automatically. Reference files contain template sections for adding new patterns as they emerge.

How to add new patterns

READ each reference categories' README to file place / naming conventions. It also includes DOs and DON'Ts for writing new patterns.

Use this template for tip files.

# [Topic Name]

## Overview

[Brief description and why these tips are needed]

## Basic Patterns

### [Pattern Name]

**When to use**: [Description of use case]

**Example**:

\`\`\`typescript
// ✅ Good: Recommended pattern
// Code example
\`\`\`

**Anti-pattern to avoid**:

\`\`\`typescript
// ❌ Bad: What to avoid
// Anti-pattern example
\`\`\`

**Notes**: [Additional context, edge cases, considerations]

## Common Issues & Solutions

### [Issue Title]

**Problem**: [What goes wrong]

**Solution**:

\`\`\`typescript
// Solution code
\`\`\`

## Performance Optimization

[If applicable]

## Type Usage

[TypeScript type patterns for this library]

## References

- Official docs: [URL]
- Related articles: [URL]