Make professional mobile apps with React Native and Typescript — Internationalization (Chapter 3 — Part 6)

Photo by Nareeta Martin on Unsplash
git clone -b manage_data_rematch https://github.com/thinhtran3588/react-native-starter-kit.git
yarn add i18next react-i18next
config/index.ts
i18n.ts

Pro tip: The resource is divided into multiple json files. Each file represents a language for a screen except ‘common' represents common texts used in the app. It helps us manage them easier instead of using a big JSON object.

jsons
locales
en
common.json
weather.json
settings.json

vi
common.json
weather.json
settings.json
locales en
locale vi
models/settings.ts
app.tsx
components/index.ts
language component
settings screen
weather item
result
git clone -b internationalization https://github.com/thinhtran3588/react-native-starter-kit.git

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store