Learn what a React-Intl Nested JSON file is and how Phrase processes it
File Extensions | .json |
API Extension | react_nested_json |
Import | Yes |
Export | Yes |
Pluralization supported? | Yes |
Descriptions supported? | No |
As discussed in React-Intl Simple JSON, React Intl uses .js files to save localized data. Using Phrase, all you need to do is to put the strings into a JSON file and reference it in your source code. Depending on your app configurations, your JSON file might take a rather complex structure with multiple JSON objects nested together. The way Phrase processes your nested JSON files is by separating key levels with a dot. During export, all keys will be split again and rendered as a nested JSON structure.
Code Sample
{
"boolean_key": "--- true\n",
"empty_string_translation": "",
"key_with_description": "Check it! This key has a description! (At least in some formats it does)",
"key_with_line-break": "This translations contains\na line-break.",
"nested": {
"deeply": {
"key": "Hey, this key is nested even deeper."
},
"key": "This key is nested inside a namespace."
},
"null_translation": null,
"pluralized_key": {
"one": "Only one pluralization found.",
"other": "Wow, you have %s pluralizations!",
"zero": "You have no pluralization."
},
"sample_collection": [
"first item",
"second item",
"third item"
],
"simple_key": "A simple key with a simple message.",
"unverified_key": "Translation is not yet verified and waits for it. (In some formats we also export this status)"
}