
Nowadays, creating an app that supports multiple languages is becoming more and more indispensable to reach a wide range of users. So this time, wi...
For further actions, you may consider blocking this person and/or reporting abuse
this post is just what I need! thanks!
Exactly what i need right now, thanks alot!!
Thanks a lot for the tutorial! 🙌
I would like to suggest a small enhancement in
App.tsx
to ensure the<html>
lang
attribute updates dynamically whenever the language changes.Here is my two cents:
it would be nice to add the selected language to the local storage. Something like this perhaps:
// import from utils
Great article, thanks for sharing!
I have a question about this function:
getCurrentLang()
. You put it intosrc/i18n.ts
file but never implemented it. So how can I save user's choice of selected language? So user won't need to change language from default each time page reloads/switches to another?Hi everyone, I have a problem here
All I found in this document is static and hardcode. I mean when we want to translate something english to arabic for example we have to define it in a json file.
Now I have a problem with my admin that he wanna upload new post or even update previous posts that I didn't define these new word in my json file.
To solve this problem what do you suggest?
You could make a simple cms app thats stores the translations and serves them through an endpoint (or serve the files directly) or just serve the files from a github page and give write access to your admin. repo: github.com/vaxevanis/i18nTranslations, translation file: vaxevanis.github.io/i18nTranslatio.... I hope that helps
Amazing way to descripe the steps, really helps a lot 🙏
I just have a small enhancement to make the host dynamically fetched.
It makes the loadPath more flexible. Thanks
Thank you for the comprehensive tutorial!!!
hi , thank you a lot for your post , i have a suggestion for changing layout
you can use document.body.dir = i18n.dir() to change the direction of layout.
This is fantastic. Would be even better if you includes adding the language path to the URL
Great, thanks. Just change 18n to i18n.use(initReactI18next)...