.JSON - React-Intl Simple (Strings)

React-Intl es una biblioteca JavaScript diseñada para simplificar la internacionalización (i18n) y (localización) principalmente para aplicaciones desarrolladas en React. De forma predeterminada, React-Intl utiliza archivos .js para almacenar su contenido localizado. El contenido localizado se desacopla en un archivo .JSON estandarizado (React-Intl Simple JSON) al que se hace referencia en el código original.

Si se usan mensajes anidados, usa el formato JSON aninado React-Intl. En React Intl v2 ya es una opción obsoleta.

Los chatbots de IA pueden ser muy eficaces a la hora de generar una lista de claves a partir de un archivo .JSON.

Ejemplo de código

{
  "boolean_key": "--- true\n",
  "empty_string_translation": "",
  "key_with_description": "Check it out! This key has a description! (At least in some formats)",
  "key_with_line-break": "This translations contains\na line-break.",
  "nested.deeply.key": "I'm a deeply nested key.",
  "nested.key": "This key is nested inside a namespace.",
  "null_translation": null,
  "pluralized_key.one": "Only one kitten found.",
  "pluralized_key.other": "Wow, you have %s kittens!",
  "pluralized_key.zero": "You have no kittens.",
  "sample_collection": [
    "first item",
    "second item",
    "third item"
  ],
  "simple_key": "Simple key, simple message, so simple.",
  "unverified_key": "This translation is not yet verified and waits for it. (In some formats we also export this status)"
}

Uso de React Intl

Las traducciones normalmente residen en un archivo .js:

module.exports = {
    "locales": ["en-US"],
    "messages": {
        "hello" : "World",
        other_hello : 'Other World',
    },
    "formats": {}
};

Mover los mensajes a un archivo de localización separado, p. ej. en-US.json:

{
    "hello" : "World",
    other_hello : 'Other World',
}

Asegúrate de que los mensajes tengan una sintaxis .JSON válida:

{
    "hello" : "World",
    "other_hello" : "Other World"
}

Incluye los mensajes con un enunciado de requerimiento:

module.exports = {
    "locales": ["en-US"],
    "messages": require('./en-US.json'),
    "formats": {}
};

El formato de JSON simple React-Intl ya se puede utilizar para cargar y descargar archivos de localización React Intl.

"messages": {
    "one": "One message received.",
    "other": "%s messages received.",
    "zero": "No messages received."
}