create-react-app（react/router/redux/typescript）でi18nに最適なオプション

Question

私はcreate-react-app-tsを使って新しいReactアプリケーションを作成しました。 i18nを追加するための最良の選択肢は何ですか？

私はreact-intlを見ましたが、扱いにはかなり重いです。それから、私はそれをもっと簡単にすることを約束するlinguiJSを見ましたが、私はcreate-react-appでそれを使う方法の例を見つけることができません。また、（数字などの）書式設定、多元化と翻訳を1つのモジュールで行うことをお勧めします...

あなたの考えをご紹介してください。反応するアプリでi18nを取得するには、最高の（最も簡単な/最もきれいな）方法は何ですか。 Reduxので

おかげ

Answer 1

（反応-i18nextを提供せずに使用していない場合は - 私はもっと好きどれを）だけで両方のプロバイダを使用します。

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

そして作曲アドホックを翻訳し、Reduxの両方は、コンポーネントに接続します：

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