Typescript DRY

typescriptnextjsreact
Avoid duplicating code in TypeScript. Extract repeated logic into reusable functions, types, or constants. You may have to search the codebase to see if the method or type is already defined.
Bad:
```typescript
// Duplicated type definitions
interface User {
  id: string
  name: string

Install this rule for wispbit

Quick Install

Recommended
View install script

Run this one command to automatically install the rule:

curl -fsSL https://wispbit.com/api/install?rule=typescript-dry | bash

Manual install

1

Copy the rule

---
include: *.ts,*.tsx
---
Avoid duplicating code in TypeScript. Extract repeated logic into reusable functions, types, or constants. You may have to search the codebase to see if the method or type is already defined.
Bad:
```typescript
// Duplicated type definitions
interface User {
  id: string
  name: string
}
interface UserProfile {
  id: string
  name: string
}
// Magic numbers repeated
const pageSize = 10
const itemsPerPage = 10
```
Good:
```typescript
// Reusable type and constant
type User = {
  id: string
  name: string
}
const PAGE_SIZE = 10
```
2

Add the rule into your project

Save the copied content as: .wispbit/rules/typescript-dry.md

Install this rule for Coderabbit

Copy the configuration below and add it to your repository as .coderabbit.yml in your project root.

reviews:
  path_instructions:
    - path: "*.ts,*.tsx"
      instructions: |
                
        Avoid duplicating code in TypeScript. Extract repeated logic into reusable functions, types, or constants. You may have to search the codebase to see if the method or type is already defined.
        
        Bad:
        
        ```typescript
        // Duplicated type definitions
        interface User {
          id: string
          name: string
        }
        
        interface UserProfile {
          id: string
          name: string
        }
        
        // Magic numbers repeated
        const pageSize = 10
        const itemsPerPage = 10
        ```
        
        Good:
        
        ```typescript
        // Reusable type and constant
        type User = {
          id: string
          name: string
        }
        
        const PAGE_SIZE = 10
        ```

Install this rule for Greptile

Greptile rules can be added through the web interface. Please see this documentation for details on how to add custom rules and context.

Avoid duplicating code in TypeScript. Extract repeated logic into reusable functions, types, or constants. You may have to search the codebase to see if the method or type is already defined.
Bad:
```typescript
// Duplicated type definitions
interface User {
  id: string
  name: string
}
interface UserProfile {
  id: string
  name: string
}
// Magic numbers repeated
const pageSize = 10
const itemsPerPage = 10
```
Good:
```typescript
// Reusable type and constant
type User = {
  id: string
  name: string
}
const PAGE_SIZE = 10
```

File Path Patterns:

*.ts
*.tsx

Install this rule for GitHub Copilot

Copilot instructions can be added through the interface. See the documentation for details on how to create coding guidelines.

Avoid duplicating code in TypeScript. Extract repeated logic into reusable functions, types, or constants. You may have to search the codebase to see if the method or type is already defined.
Bad:
```typescript
// Duplicated type definitions
interface User {
  id: string
  name: string
}
interface UserProfile {
  id: string
  name: string
}
// Magic numbers repeated
const pageSize = 10
const itemsPerPage = 10
```
Good:
```typescript
// Reusable type and constant
type User = {
  id: string
  name: string
}
const PAGE_SIZE = 10
```

File Path Patterns:

*.ts
*.tsx

Install this rule for Graphite Diamond

Diamond custom rules can be added through the interface. See the documentation for details on how to create custom rules.

Avoid duplicating code in TypeScript. Extract repeated logic into reusable functions, types, or constants. You may have to search the codebase to see if the method or type is already defined.
Bad:
```typescript
// Duplicated type definitions
interface User {
  id: string
  name: string
}
interface UserProfile {
  id: string
  name: string
}
// Magic numbers repeated
const pageSize = 10
const itemsPerPage = 10
```
Good:
```typescript
// Reusable type and constant
type User = {
  id: string
  name: string
}
const PAGE_SIZE = 10
```

File Path Patterns:

*.ts
*.tsx