Translating React apps with I18next

In this video we're going to discuss how to translate a React 18+ app into multiple langauges, how to use the i18next framework, how to work with the JSON files, introduce pluralization, add context, and extract translation keys automatically.
Source code github.com/lok...
Textual version lokalise.com/b...
Lokalise: lokalise.com/?...
#i18n #l10n #Lokalise #React

[@Morph0is]

great Job, ive learnt a lot, thanks man and keep going pls!

[@Lokalise]

Thank you so much!

[@kirillzlobin7135]

2:35 What each of these dependencies does? Do we use something for backend? But we did everything on a frontend side. Why did we used that backend package?

[@desentralizandolared9239]

Great video, thanks

[@Lokalise]

Thank you sir

[@trzecieczoo9288]

good tut. You helped a lot man!

[@Lokalise]

I'm glad to hear that! 😁

[@fal8202]

well done, thank you !

[@MustafaAyoubi-s8r]

thanks a lot 😍

[@Lokalise]

You are welcome!

[@MohamedAymanpro]

Peace be upon you. I am a user of the i18next website on a site like this, and I am on the page work and i'm creating data in a js spicial file , not a json file, and the data viewer is on the page work with map function. I want to translate the file containing the data. I don't know how to connect it, and there's nothing in it that explains what I mean by it. All that is available is that it translates a sentence or two, not the entire file into a single file. please help.

[@bazc_]

great

[@josemariani95]

if i have structure without "src folder" ?

[@Lokalise]

I'm pretty sure you can configure that (the folder names, I mean)

[@josemariani95]

@@Lokalise i really do, thank for response..! gretings!

[@josemariani95]

and my code is in .TSX (Typescript- .ts) is the same process, you can recording one ?¿

[@azizbekmukhtorov]

source code is 404

[@Lokalise]

Sorry, here you go github.com/lokalise/lokalise-tutorials/tree/main/react-i18next