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 • Edited on • Originally published at simplelocalize.io

18 10

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

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (4)

Collapse
 
jpomykala profile image
Jakub Pomykała • Edited

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
Arun

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

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs