Beste Option für i18n mit create-react-app (Reagieren/Router/Redux/Typoskript)

Question

Ich benutzte create-react-app-ts, um eine neue React App zu erstellen. Was ist die beste Option zum Hinzufügen von i18n?

Ich schaute auf react-intl, aber es sieht ziemlich schwer zu arbeiten mit. Dann habe ich linguiJS angeschaut, was verspricht, es einfacher zu machen, aber ich kann keine Beispiele finden, wie man es mit create-react-app verwendet. Auch ich bin nicht sicher, dass es eine gute Idee ist, sowohl Formatierung (von Zahlen usw.), Pluralisierung und Übersetzung in einem Modul zu haben ... Ich würde es vorziehen, separate Bibliotheken zu verwenden ...

Bitte teilen Sie Ihre Gedanken. Was ist der beste (einfachste/schönste) Weg, um in Apps reagieren zu können?

Dank

Answer 1

mit redux verwenden nur beide Anbieter (wenn auch nicht ohne Provider reagieren-i18next - was ich mehr mag ich):

export default function App({ store }) { 
    return (
    <I18nextProvider i18n={i18n}> 
     <Provider store={store}> 
     <YourRootComponent /> 
     </Provider> 
    </I18nextProvider> 
); 
} 

Und komponieren beide übersetzen hoc und Redux in Ihrer Komponente verbinden :

export default compose(
    translate('namespace', { wait: true }), 
    connect(mapStateToProps, mapDispatchToProps), 
)(YourComponent);