How to implement multi Language support in React App?

Question

I'm developing a large-scale application with React and node, which has a form builder, form assigning to user functionality, etc. I need to add multi-language support for this application. Since there are large amounts of hardcode text and some user-generated text, How can I implement the functionality so it doesn't affect performance? I referred react-i18next library, which can be used for handling transition.

Also, I need to translate the values into multiple languages programmatically with the help of any online translation API ( probably Google Translate API if it is a good choice )

How can approach this issue?

I will tell you that Google Translate is NOT a good choice. (I tried it) It produces lots of indecipherable translations. — ControlAltDel
– ControlAltDel, Commented Oct 4, 2023 at 18:28
@ControlAltDel , what is the best choice for translations, i do have a quite large number of text — dextey
– dextey, Commented Oct 4, 2023 at 18:49
I18n is the best choice. You'll probably want to hire a translator. There might be a sophisticated translation softward somewhere, but I think you'd have to pay for that too. — ControlAltDel
– ControlAltDel, Commented Oct 4, 2023 at 18:52

Luis Chan · Accepted Answer · 2023-10-07 01:43:47Z

1

I think you can use the fuse react 4.0+ template as a reference. You can find there multi langauge support using react-i18next. You can check directly in this url.

answered Oct 7, 2023 at 1:43

Luis Chan

6744 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement multi Language support in React App?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related