React-intlで多言語化 ~ exampleを動かしてみた
YahooがReactでの多言語化ライブラリを出しているので、それのデモを触ってみました。 React Intl デモ環境のセットアップ ソースを一式DLします。 $ git clone [email protected]:y […]
広告ここから
広告ここまで
目次
YahooがReactでの多言語化ライブラリを出しているので、それのデモを触ってみました。
デモ環境のセットアップ
ソースを一式DLします。
$ git clone [email protected]:yahoo/react-intl.git
$ cd react-intl
$ npm install
examples/配下に６種類のサンプルがあります。
$ cd examples/
$ ls
async
hello-world
jest-snapshot-testing
nested
react-router
translations
いろいろ触ってみたのですが、translationsが一番翻訳できてる感あるデモでした。
translationsを触ってみる
ということで動かしてみます。
$ cd translations
$ npm run build
$ npm start
React Intl Example server listening at: https://localhost:8080
表示されたURLにアクセスすると、以下のようなページが出ます。
en-US選択時
[Locales]をクリックすると、表示が切り替わります。
en-UPPER選択時