react-i18next in 8 minutes

Here is a crash course on react-i18next for React developers

ToC
00:00 - Intro
00:57 - Variation 1 (including the translations content in the React app)
04:22 - Variation 2 (loading translations content dynamically from an API)

Here is the code and article I used for reference:

Enjoy!

Made with love by COMMAND LABS

#react #typescript #i18next #internationalization #worldwide #global #commandlabs #command

[uifranco]

From now on "Hola papi!" is my "Hello World"

[georgi-kolev]

Fast, simple, clear. Give that man a cookie!

[kuoyulu]

so simple to understand, its really smart to cut the middle part, this helps a lot, thanks!

[jimmydla]

GENIAL! Thats awesome man thanks for sharing both example. Really see the benefits of both scenario

[ravalvraj]

you're a great tutor. thanks a lot brother. lots of love from india.

[clifflikovo]

Thank you now I can add I18next in my skills

[emmanuelbrun]

Hi, could you elaborate on why you have to import "i18n" in the index.tsx file to initialize i18n ? I feel it might be a basic explanation but can't find the logic in i18n doc or anywhere else so far

[g-dd-were]

Thanks for the video.
Important question -
Is there a way to make automatic translation to the text instead of doing it hard coding?
Because its a hard time to code it in different 40 languages or more!

[PriyanshiGupta-epwq]

thanks for the video. Could you please create a video or provide a sample code for react-i18next plurals. Thanks

[olivergavv]

i shit myself, im sitting in library and your audio sounds like my headphones wasn't connected and i checked it for like 5 times and still was something off

it turned out it just audio with a lot of echo hahah

[igeoorgeg]

"no, i dont trust them but i must click this button" this is the best assertion ever heard 😜

[suyogdhadwe]

Can you tell me how can I translate the URL?

[mohammadarbaz]

use in the dropdown to get more clarity after switching the languages

[kirillzlobin]

So you still loaded all translations from the backend...?

[Bumprdlik]

This line after useEffect code shows error in node console

const lng = navigator.language

ReferenceError: navigator is not defined