React Multi Language App - i18next Tutorial 

This is by far the most professional and practical video I have seen for front-end development. Everything worked. Thank you so much for your time, effort and flawlessly clear explanations.

Thank you so much for this incredible video, people like you makes programming beautiful and enjoyable This tutorial really helps me, thank you

It's truly astounding how easy the internet makes learning these days. Thanks for the tutorial, my guy.

Localisation was my previous career, I mostly worked in audio recording voice over sessions and had 2 lead roles in Microsoft on xbox360 games. Was nice working with so many languages and people from all over the world, made good friends too.

This is absolutely amazing!!! this will help me a lot with my current job. You did an amazing job Muchas gracias!!!!!

i know this is late, beside the core of this video i think i have answers for many quistions in react itself , truly from long time i didn' t see heavy technical video and in same time so exciting. thanks for being that much profissionl and honest. u saved me a week of figuring out how to localize my application.

People getting error for flag icons do this while importing it in index.js flag-icons* instead of flag-icon.min.css So it should look like this import "flag-icon-css/css/flag-icons.min.css As Some deprecation issue has happened with this npm package.

Hey, your lecture was the best among the lectures I've seen these days. It doesn't just teach you how to use it, but the lecture that understands how it works and applies it is so cool! I hit subscribe and like.

thanks a lot man for your efforts, it really helped me

Thank you so much, really need these types of videos that explain things and get right to the point.

If I may ask. How do I get this done by translating the content of an ecommerce page dynamically without having a saved locale JSON files for all the language supported by the ecommerce website. Because I understand that for each content translated there is an equivalent JSON file with the translation saved in the project public directory. Must I have to have all the locale JSON files for all the text contents in the website? Is there a dynamic way to achieve this like the way google page translator?

By far the most enjoying feeling following you through. Thanks for this awesome content which you provide for free.

I searched a lot of videos, but this one is definitely the best, your arabic is pretty correct by the way😉

what a great tutorial❤, the best way to learn is by making the mistake and then correct it which is what you did there but in a smooth way.

Bro, you just killed it!

like everyone else i also want to say thank you for spending your time on creating this video. i learned much from this video and like your logical thinking most hence subscribed also!

I am currently watching your MERNG series. I will watch it after finishing it. By the way, great work.

Awesome tutorial. I did it in typescript and had to do some modification, but it worked perfectly. :)

Hi ,,You are a saviour man.Nowadays i dont see you.We have missed your tutorials

Nice tutorials, I'm new to react but with your description I'm learning a lot. how can you insert html code into the en.json file, eg line break tag

Great tutorial, easy to follow and everything works, thanks man 😃

I've already did the localization by my own, I'm here to spy your switcher. LOL . thx for the teaching

Hello, thank you for this amazing tutorial. I am facing a situation that after refreshing the browser, the language setting is not persistent with a specific language. I checked my setting for order key in the detection object, the first priority is "cookie".

thanks for this nice tutorial i have notice the when change language through the path it is conflicting with react-router-dom

Awesome video!! Thank you and a shout out from Brazil!! 😁

i search everything but i did not find something like this. Thank you so much

Best tutorial on React i18next. Thanks for your time in providing this explanation.

​you did a really good job great content!

this is a great tutorial sir, thank you so much hope you make another video saving the state in redux toolkit reducer

Wow man! seriously what i have looking for AIO video thanks

great tutorial, thx a bunch!

Lifesaver! great content man, keep going! +1 sub

Absolutely beautiful tutorial!!!

thank you soooo much that was incredibly helpful!

thank you i wish you'll get more subs don't stop...

what could be better after the typeorm series . . . this guy rocks

how can I iterate array elements to unrodered list with map {t("text", { returnObject: true }).map((text, country_code) => ( {text} ))} when I do this it gives me t(...).map is not a function

Great video, hope you back RU-vid soon

the minimum thing I can say it's really awesome

Bro te amo, this was exactly what I needed!!

Great tutorial. Thanks man

Thanks for the video. This is the best i18next tutorial on RU-vid

that was amazing tutorial thx for your guide and help

thank you.this is the best tutorial i have got

Ok Fine! Take your 177'th like!! Now kidding aside, that was one hell of a tutorial. No wonder this video has 0 disliked (100% positive). Thanks you so much for it. It helped me a ton!

Very nice explanation.

Awesome! Thank you so much ❤️

Very informative and to the point🚀

Everything works at its best!!

the best tutorial! thanks you so much)

you are perfect . the most useful video I have seen on RU-vid

You did a really good job great content ! Keep it up, please

thanks, fully understood

Awesome, thank you so much for this

Thanks bro, very good and important tuturial

Will be following

amazing tutorial! thank you

awesome ! thanks for the tutorial

If i just finished my work and save, the format is .softp , is tNice tutorials type of file compatible with other DAW? like ableton or LogicProX for

Thank you! Very professional

Thank you very much. 🙇. your tutorial helps me a lot

Thank you for such a helpful information

Hi, thanks for your great video. How do I use ReactElement in translate string? For example: Hello {{val}}, nice to meet you!

Great Content, Thanks.

Thank you really helped

It was just an awesome video .... thanks a lot !

Very good but when you change language with selector it doesn't automatically change de fr, en, in the path with the domain. Any idea to do that ?

Awsome tutorial this very simple 😍

very well explained also your Arabic is very good 🤍

Brooooooooo you helped me alot, I am so grateful for you

You are awesome. I wish you a bright future. Thanks

I hope you post a video with all the adobe cracks. As always, you are the best, the crack works great

thank you. You saved my life

Bro really you are the best , thank u

I just can not believe that those big websites that have multi languages are using this technique, that would take years and a lot of coding to do it

so useful thank you ❤

Thanks a lot it was really helpful

Great and pro job. Thanks for you hard work.

Great video, please how do I implement this with a blog site that is getting content dynamically from an API?

Does this backend configuration loadPath /assets/locales.... will work when my application is in beta or prod environment?

Thank you so much please i want to know if in production the server will able to read the loadPath ("the path where our json files are stored in the public folder ")? and thanks again

Thanks Bro much waited for

Great Work Bro...You are awesome..

Thank you vm !

i get the issue of the button saying [object Object]English and again for the other language. Also the flag icon thing doesn't seem to work.

please can someone tell me how to link it to a specific page

Hello!. I apologize, however, when I tried to do the document.querySelector('html') and also put "fr" inside index.html it still did not change into french

Thanks, good vid bro

Special thanks for the clean-cra! ;)

Prefect, Thank you so much

I really appreciate you .that was awesome .I wish you the best

This is a great video, however I am running into issues deploying localization using your technique. I am using Vite with Reactjs and when I go to deploy this project, it seems to not be able to find the translation.json files. Am I missing something?

I do not understand the remote point of this library. If you need to translate manually, what is the exact point of using this?

thank you for the tutorial 👍

Amazing tutorial thx a lot

I'm getting only keys from translation.json files and not the values. Also, while trying to access a object from json file, it's giving me an error saying missing key en translation heading heading

the QnA 🥺

open GMS window tNice tutorialng, look at blue screen on left, look at it's bottom right corner where for you it might say "Aggressive TE". click the

Unfortunately all tutorials are only about translating a website of one single sentence and people are so happy with it. None explains this on full websites of multiple pages.

29:46 change lang on click