# General Translation Changelog: @generaltranslation/react-core-linter 0.1.0: Reglas de ESLint para React Core
URL: https://generaltranslation.com/es/blog/react-core-linter_v0_1_0.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: 
Authors: Ernest McCarter
Published: 2026-01-26

## Descripción general

**@generaltranslation/react-core-linter 0.1.0** incorpora reglas de ESLint para la integración con General Translation React Core.

Este plugin detecta errores de implementación habituales que hemos observado en la práctica.

import Video from '@/components/Video';

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


## Instalación

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

En esta versión inicial se incluyen dos reglas:

* [`static-jsx`](/docs/react/reference/lint-rules#static-jsx) - Exige envolver correctamente las variables en los componentes [`<T>`](/docs/react/reference/components/t)
* [`static-string`](/docs/react/reference/lint-rules#static-string) - Garantiza el uso de cadenas estáticas en las funciones de traducción

***

## Validación estática de JSX

La regla `static-jsx` evita que el contenido dinámico aparezca directamente dentro de los componentes [`<T>`](/docs/react/reference/components/t).
El contenido dinámico debe envolverse en [componentes variables](/docs/react/guides/formatting-variables).

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

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

***

## Exigencia de cadenas estáticas

La regla `static-string` garantiza que las funciones de traducción solo acepten cadenas estáticas.

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

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

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

***


## Configuración

Añade esto a tu configuración de 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,
]);
```

***

Esta versión inicial ofrece capacidades básicas de linting para los patrones de traducción de React Core.
En versiones futuras, se ampliará la cobertura de reglas y se añadirá corrección automática para otras infracciones comunes.

***

Usa [componentes variables](/docs/react/guides/formatting-variables) para el contenido dinámico y la [traducción de cadenas](/docs/react/guides/translating-strings) para las cadenas de texto sin formato.

## Sitemap

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