DEV Community

Cover image for Top 12 libraries for NextJS, React apps and React Native apps for i18n and react localization
Jakub Pomykała
Jakub Pomykała

Posted on • Updated on • Originally published at simplelocalize.io

Top 12 libraries for NextJS, React apps and React Native apps for i18n and react localization

Update 2021-02-22

Hey! If you want to read the most recent version of this post, then checkout the original post on my blog. I update it regularly! 🌱

Star awesome-i18n repository

A full list of localization libraries and tools on Github can be found on GitHub. Feel free to add your resources there. 🤙

⚛️ Libraries list for React localization

Checkout my list of the best React libraries wich I gathered. I focus mainly on ReactJS, React Native and Expo libraries.

1. react-native-localize

A toolbox for your React Native app localization

Screenshot 2021-02-13 at 16.48.01

2. FormatJS

Internationalize your web apps with react-intl library. Check also FormatJS CLI for message extraction below!

Screenshot 2021-02-13 at 16.48.42

3. FormatJS CLI

Extract messages from project with FormatJS library

Screenshot 2021-02-13 at 16.49.23

4. react-i18nify

Simple i18n translation and localization components and helpers for React

Screenshot 2021-02-13 at 16.50.24

5. react-persian

react-persian is a set of react components for Persian localization

Screenshot 2021-02-13 at 17.03.13

7. react-i18next

Internationalization framework for React / React Native which is based on i18next. The i18next-community created integrations for frontend-frameworks such as React, AngularJS, Vue.js and many more.

react localization

8. bloodyowl/react-translate

Internationalization for react

Screenshot 2021-02-13 at 17.02.54

9. next-translate

Easy i18n for Next.js +10

Screenshot 2021-02-13 at 17.01.53

10. react-translated

A dead simple way to add complex translations in a React project

Screenshot 2021-02-13 at 17.02.13

11. React-intl hooks

React-intl-hooks is a small and fast library that you can use to replace Format.js components.

Screenshot 2021-02-13 at 17.02.32

12. SimpleLocalize CLI

SimpleLocalize CLI allows you to upload and manage translation keys in cloud for free!

Screenshot 2021-02-13 at 17.10.21

1.Upload translation in JSON files and manage them in translation editor.

upload

2. Manage them in translation editor

change-translation

3. Download ready to use JSON files

download

👋 Thanks for reading! Follow me on Twitter

Discussion (4)

Collapse
jpomykala profile image
Jakub Pomykała Author • Edited on

And don’t forget to star the awesome-i18n repository!
github.com/jpomykala/awesome-i18n

Collapse
johnmanston profile image
JohnManston

This is great! 🙏

Collapse
jancizmar profile image
Jan Cizmar

You can also try Tolgee! It has a lot of great features and it's also localization platform! :)

tolgee.io/integrations/react

Collapse
techguy profile image
Techguy

Syncfusion library missing here syncfusion.com/react-ui-components