ryandrewjohnson

{
  "movie": {
    "title": ["Jurassic Park", "Le Parc jurassique"]
  }
}

ryandrewjohnson

const Movies = props => (
  <Translate>
    {({ translate }) => <h1>{translate("movie.title")}</h1>}
  </Translate>
);

ryandrewjohnson

import { Translate } from 'react-localize-redux';

const Profile = props => (
  <Translate id="profile" data={{ name: 'Ted', date: new Date() }}>
    {'User: ${name} last login ${date}'}
  </Translate>
);

ryandrewjohnson

const Movies = props => (
  <h1>
    <Translate id="movie.title" />
  </h1>
);

ryandrewjohnson

import React from "react";
import { Translate } from "react-localize-redux";

const Movies = props => (
  <h1>
    <Translate id="movie.title">Jurassic Park</Translate>
  </h1>
);

ryandrewjohnson

import React from "react";
import { withLocalize } from "react-localize-redux";
import movieTranslations from "./translations/movies.json";

class Movies extends React.Component {
  constructor(props) {
    super(props);

    this.props.addTranslation(movieTranslations);
  }

ryandrewjohnson

{
  "movie": {
    "title": ["Jurassic Park"],
    "desc": ["Lots of dinos!"],
    "stars": ["${ stars } out of 5"]
  }
}

ryandrewjohnson

{
  "title": ["Movie Reviews"],
  "search": ["<a href='http://www.imdb.com/'>Search IMDb</a>"],
  "copyright": ["copyright ${ year }"]
}

ryandrewjohnson

import frenchMovieTranslations from "./translations/fr.movies.json";

this.props.addTranslationForLanguage(frenchMovieTranslations, "fr");

ryandrewjohnson

import React from "react";
import { renderToStaticMarkup } from "react-dom/server";
import { withLocalize } from "react-localize-redux";
import globalTranslations from "./translations/global.json";

class Main extends React.Component {
  constructor(props) {
    super(props);

    this.props.initialize({