ryandrewjohnson

import React from 'react';
import { connect } from 'react-redux';
import Alert from 'components/Alert';
import Modal from 'components/Modal';

const mapStateToProps = state => ({
  isOpen: state.modals.isAlertOpen,
  children: React.createElement(Alert)
});

ryandrewjohnson

import React from 'react';

const ToggleRadio = props => {
  const { heading, group, radio1, radio2 } = props;
  return (
    <div>
      <fieldset>
        <legend>{ heading }</legend>
        <input id={ radio1.id } name={ group } value={ radio1.value } type="radio" />
        <label for={ radio1.id }>{ radio1.label }</label>

ryandrewjohnson

import React from "react";
import { render } from "react-dom";
import { BrowserRouter as Router, Route } from "react-router-dom";
import { LocalizeProvider } from "react-localize-redux";
import Main from "./Main";

const App = props => (
  <LocalizeProvider>
    <Router>
      <Route path="/" component={Main} />

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({

ryandrewjohnson

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

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

ryandrewjohnson

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

ryandrewjohnson

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

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

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

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

ryandrewjohnson

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