How to extract Text in a React application to json react-intl translation files

Question

So I'm trying to add languages support to a React application using react-intl.

The application has the Text in the JSX code.

Is there a tool that can scan the code and generate ids for each Text and replace the text with the generated id?? Or do I have to do it manually?

Yes, reads the code, figure out the text, copy them in file, assign an id, replace the text with an id. — usertest, Dec 25 '20 at 19:50

albert200000 · Answer 1 · 2020-12-25T20:41:36.160

0

Probably https://formatjs.io/docs/tooling/babel-plugin is what you need but I'm not sure. It's a babel plugin which can remove translation messages and generate message ids.

Edit: Wrong answer. In project there is no FormattedMessage components but only pure texts.

edited Dec 25 '20 at 20:41

answered Dec 25 '20 at 19:21

albert200000

That's for if you already have the plain text as FomattedText with an assigned id. it just extract them in file for you. – usertest Dec 25 '20 at 19:51
You have custom Text component with text which you need to convert to FormattedText? – albert200000 Dec 25 '20 at 19:57
for example should became – usertest Dec 25 '20 at 20:00
Then you can regex replace in project with your editor but id you will have to write manually. Or you can write a script that will replace and generate ids in each file. – albert200000 Dec 25 '20 at 20:30

1 Answers1