What is the best way to build a multi-languages website with React - multilingual

I want to build a multi-languages website using react and nodejs, so, I'm asking about the best external module to use and the way to implement it.
Comparing #lingui/core vs. i18n vs. i18next vs. react-i18next vs. react-intl

Related

Can I use a react-native web module in a react app?

I have a module I created that uses #react-native-async-storage and I do know it uses LocalStorage for the web.
What I was wondering is whether I can use my module which uses #react-native-async-storage on a non-native react application?
I just tried to port it and it was giving me some errors starting up the app, but I think it's just my configuration.
Should I use react-native-web to convert a React-native app to a web app or implement it from scratch on React JS is a similar question, but I am looking for a smaller fragment of code rather than the whole app.

Can I use react with #spartacus framework?

My question is, can I use the react framework with #spartacus storefront? this is because our frontend application is developed in React and we want to use #Spartacus storefront to leverage advantages like decoupling front-end and Hybris build ..etc. but as it is developed on angular I am not sure whether it supports other frameworks like React within it.
There is some effort in making possible using web components as cms components, so you could use any technology to author them (including React), but it's still in the experimental phase (but works already).
More info is available in the docs:
https://sap.github.io/cloud-commerce-spartacus-storefront-docs/customizing-cms-components/#using-web-components-as-cms-components-experimental-support
And here you can find some example POCs for React, Vue, and Svelte:
https://github.com/dunqan/react-cms-web-component
https://github.com/dunqan/vue-cms-web-component
https://github.com/dunqan/svelte-cms-web-component
Spartacus needs Angular. So, I would say "NO", unless you want the complexity of integrating Angular with React.

Why is it a bad idea to use React Directly in HTML (not in a react enviroment)?

I'm learning react. W3schools says (in this link):
The quickest way start learning React is to write React directly in your HTML files.
This way of using React can be OK for testing purposes, but for production you will need to set up a React environment.
So my question is : Why?
To avoid runtime react code compilation into Javascript which may consume lot of memory.
Your Browser do not understand React but JavaScript and when you are providing the babel to transpile your code, its not efficient and memory performant. So to make your app performant its advisable to create a bundle first and then deploy it to your webapp.
For learning purposes you can try developing an app by passing babel/react links and after sometimes you will surely feel that your browser starts hanging etc.

How to tell if react is used in a webapp?

In a webapp with javascript minified, is there a way to tell if a webapp uses reactjs using developer console?
You can check by just using typeof:
typeof React
But this will only verify on the page you're currently on. Nowadays, app consists of multiple environments, frameworks, etc. You may use some extension that will tell you what framework is being used in the application. For eg. check builtWith.

JHipster: React option is not available [duplicate]

While creating an app using JHipster, it is not showing React option for question "Which Framework would you like to use for the client?"
In v4.14.x, React support is still “experimental”, so you need to run jhipster --experimental to enable React support.
But no work has been done for React in v4.14.x the last weeks, so you should use the Generator JHipster v5.0.0-beta.1 instead.

Resources