React Internationalisation (i18n) with React-Intl example.

Check out my courses here!

Today we'll implement Internationalisation for our React app. To do any site/app available for different languages, we can use React-Intl module.

In this React i18n tutorial, we will add 3 different languages: English, German and French. You can add as many as you want languages and it'll work fine.

Support this channel:

Let's be friends:

#React #ReactIntl

[jpbhlqg]

Thank you very much! This is the best React internationalization tutorial I could find on the Internet))

[karthikts]

This is the kind of content i was looking for. Excellent explanation which is very clear and precise. One subscriber added to your count and recommending to my friends and colleagues

[manishparganiha]

Very nice example and explanation. Struggling why to use "FormattedMessage" throughout the app.. but now this tutorial makes it simple.... Thanks a ton...

[MrDrBrick]

Great video I've been stuck on using this module all day.

[isabelmarques]

Great tutorial!
Thank you very much for sharing your knowledge!
I've tried tons of ways to add more languages to my website and yours was the one that worked! The simplest way and the best one!

Keep going!
Kind regards

[hassenknani]

Thank you so much for this tuto, i've struggling for days to do that, but thanks to you, it's working so thank you :D

[bellus]

Very well and clean explanation. Thank you!

[edilsonandrade]

Amazing tutorial bro, thanks for this I am implement in a project here and need this. Thank you for the tutorial

[vinix]

thanks my friend ! everything works perfectly here ! alwesome tutorial ✔

[Kady-bcpf]

Excuse me, at 9:31, there will be a warning in the current react, Assign object to a variable before exporting as module default import/no-anonymous-default-export, how can I fix it?

[isinghsrishti]

how do i integrate the code/i18n in an existing react+typescript code?

[mikitanikolaev]

Чувак, у тебя очень понятный английский, спасибо тебе!

[peichan]

When I add the translate.js page and use the constant translate('id') it is giving me a "Uncaught TypeError: (void 0) is not a function" error, why is this?

I have also tried changing the constant to a function but still does not work

[ivannaivanova]

I'm having an error "./locales" does not contain a default export

[Kady-bcpf]

Thank you very much! this was really helpful !!

[brunorusso]

Thanks Maksym, this was really helpfull!! =)

[adombangmunangmbomndih]

How would this work with dynamic content? Most applications load data from db servers, not hard-code content in files

[yengmouayongpor]

It working for me thanks for sharing your knowledge

[G-Code_official]

Hi thanks for the tutorial, I am new to react and also localization using i18n. So if I wanted to create a website with one of native Indian language, will I have to define each and every word and what about supporting typing in my language. Can you please advice the best course of action to implement what I need?

[priyankasada]

Hello,

I have followed this tutorial same way I need to do for other Languages like zh-TW, zh-CN and some more but get a error saying zh is not defined when trying to import zhTW from './zh-TW'; please help me