# General Translation Changelog: @generaltranslation/react-core-linter 0.1.0: Règles ESLint pour React Core
URL: https://generaltranslation.com/fr/blog/react-core-linter_v0_1_0.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: 
Authors: Ernest McCarter
Published: 2026-01-26

## Présentation

**@generaltranslation/react-core-linter 0.1.0** introduit des règles ESLint pour l’intégration de General Translation React Core.

Ce plugin détecte des erreurs d’implémentation courantes que nous avons rencontrées sur le terrain.

import Video from '@/components/Video';

<Video src="https://assets.gtx.dev/docs/react-core-linter/web-0.1.0.mp4" />


## Installation

```bash copy
npm install @generaltranslation/react-core-linter --save-dev
```

Deux règles sont incluses dans cette version initiale :

* [`static-jsx`](/docs/react/reference/lint-rules#static-jsx) - Implique l’encapsulation correcte des variables dans les composants [`<T>`](/docs/react/reference/components/t)
* [`static-string`](/docs/react/reference/lint-rules#static-string) - Garantit l’utilisation de chaînes statiques dans les fonctions de traduction

***

## Validation statique du JSX

La règle `static-jsx` empêche le contenu dynamique d’apparaître directement dans les composants [`<T>`](/docs/react/reference/components/t).
Le contenu dynamique doit être encapsulé dans des [composants variables](/docs/react/guides/formatting-variables).

```jsx copy
// ❌ Incorrect
<T>Hello {userName}!</T>

// ✅ Correct  
<T>Hello <Var>{userName}</Var>!</T>
```

***

## Application des chaînes statiques

La règle `static-string` garantit que les fonctions de traduction n’acceptent que des chaînes constantes.

```jsx copy
const gt = useGT();

// ❌ Incorrect
gt(`Hello ${name}`)
gt('Hello ' + name)

// ✅ Correct
gt('Hello {name}!', { name })
```

***


## Configuration

Ajoutez ce qui suit à votre configuration ESLint :

```javascript copy title="eslint.config.js"
import { defineConfig } from 'eslint/config';
import gtLint from '@generaltranslation/react-core-linter';

export default defineConfig([
  gtLint.configs.recommended,
]);
```

***

Cette première version apporte les fonctionnalités de linting de base pour les modèles de traduction de React Core.
Les versions futures élargiront la couverture des règles et ajouteront la correction automatique d&#39;autres violations courantes.

***

Utilisez les [composants variables](/docs/react/guides/formatting-variables) pour le contenu dynamique et la [traduction de chaînes](/docs/react/guides/translating-strings) pour les chaînes en texte brut.

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.