Arquitectura de internacionalización para labels en JavaScript

🧪 Arquitectura de internacionalización para labels en JavaScript

Apuntes

Estrategia

1. Todo texto se extrae del código y se mueve hacio un archivo JSON.
   • Para hacerlo fácil el envío de HTTP
2. locales/es.json
3. Se crean los archivos JSON adicionales por locale. ej.: locales/en-US.json
4. Se carga el archivo correcto según el locale.

• Agregaremos una capa de locales que se comunicaran directamente con nuestros componentes

import labels from "locales/es.js";

function MyCompoment (){
	return (
		<Button>{labels.comprar}</Button>
	)
}

🤔 Preguntas que debemos realizarnos para esta implementación

1. ¿Cómo cargar el archivo locale con los labels correctos? ¿En el cliente o en el servidor?
2. ¿Cómo cargarlo impactando el tamaño del bundle lo menos posible?
3. ¿Una vez que lo cargue, cómo conectarlo con cada uno de los componentes?
   1. ¿Una vez que lo cargue, cómo conectarlo con cada uno de los componentes?
   2. ¿Cómo facilito el trabajo a nuestros editores no desarrolladores?