I currently have two applications where one is a landing page (built in react) and another is a web page that lets users explore data (Written in ASP.NET 4.7). I'm currently using resx files to handle translations for the .NET application and I'm using the intl npm package for translations for the react app. I'd like to have all my translations in one place since both projects share a lot of the same translations. Are there any good patterns to accomplish this?
My first idea is to have everything contained in the resx files and send string IDs over the api to the landing page. The landing page would then insert the stringID and replace the text with the translation. I don't know if these requests would be based on if the page loads or one request that sends all the strings at once.