Setup
Get React running
Tres pasos, sin migración. Apúntalo a tu proyecto y las primeras claves aparecerán en el panel.
- InstallAñade el paquete o el bloque de configuración. Nada más cambia en tu build.
- Connect your projectUsa el identificador org/project de tu panel. Las claves y los idiomas vienen de ahí, no de un archivo local que tengas que mantener sincronizado.
- ShipPublica una vez y cada idioma será un archivo estático en el edge. Los cambios de texto salen en producción sin un nuevo despliegue.
Cómo se ve en tu código
import { BetterI18nProvider, useTranslations } from '@better-i18n/use-intl'
function App() {
return (
<BetterI18nProvider projectId="your-org/your-project" locale="en">
<Welcome />
</BetterI18nProvider>
)
}
function Welcome() {
const t = useTranslations('home')
return <h1>{t('title')}</h1>
}Surface
What React gives you
Los comandos, herramientas y rutas exactos que obtienes. Los nombres son lo que escribes, no etiquetas de marketing.
BetterI18nProviderUn único provider en la raíz de tu app lleva el proyecto y el idioma activo.
useTranslations(namespace)Lee un namespace en cualquier componente. Las claves que faltan se ven en desarrollo, no pasan desapercibidas.
manifest.jsonLos idiomas se descubren desde el manifiesto del proyecto, así que añadir uno no requiere cambios de código.
cdn.better-i18n.comLas traducciones se obtienen del edge y se actualizan publicando, no volviendo a desplegar.
Where it fits
Cómo funciona React dentro de Better
Detect
Extrae los textos de origen de tu código o conecta tu repositorio de React. Las claves llegan a Better con su estructura y contexto intactos.
Review
Ejecuta traducción con IA, asigna revisores humanos y exige aprobación antes de que cualquier cambio llegue a producción. Todo auditable en un solo lugar.
Ship
Publica en el edge del CDN o envía las traducciones de vuelta a React. Los cambios de texto salen en producción sin lanzar un nuevo despliegue de la app.
Built for modern stacks
Funciona con las herramientas que tu equipo ya usa: encaja de forma natural en los pipelines de CI, revisión y entrega en el edge, sin una carga de proceso pesada.
Less operational drift
Centraliza las actualizaciones de traducción, la aprobación de revisiones y la entrega en un solo flujo, en lugar de repartir el trabajo entre herramientas y scripts distintos.
Controlled rollout
Desacopla la publicación de traducciones de las releases de código. Lanza cambios de texto cuando quieras, sin esperar a la siguiente ventana de despliegue.
Questions
Before you connect it
Next
Connect React today
Empezar es gratis. Añade la integración, publica una vez y verás cambiar los textos sin una release.