React Translate Quick-Start

# React Translate Component Translate is a component for [React][1] that utilizes the [Counterpart module][2] and the [Interpolate component][3] to provide multi-lingual/localized text content. It allows switching locales without a page reload. ## Installation Install via npm: ```bash % npm install react-translate-component ``` ## Usage Here is a quick-start tutorial to get you up and running with Translate. It's a step-by-step guide on how to build a simple app that uses the Translate component from scratch. We assume you have recent versions of [Node.js][5] and [npm][6] installed. First, let's create a new project: ```bash $ mkdir translate-example $ cd translate-example $ touch client.js $ npm init # accept all defaults here ``` Next, add the dependencies our little project requires: ```bash $ npm install react counterpart react-interpolate-component react-translate-component --save ``` The `react`, `counterpart` and `react-interpolate-component` packages are peer dependencies of `react-translate-component` and need to be installed along-side of it. We will put our application logic into `client.js`. Open the file in your favorite editor and add the following lines: ```js 'use strict'; var counterpart = require('counterpart'); var React = require('react'); var ReactDOM = require('react-dom'); var Translate = require('react-translate-component'); ``` This loads the localization library, React and our Translate component. Let's write our entry-point React component. Add the following code to the file: ```jsx class MyApp extends React.Component { render() { return ( React Translate Quick-Start

	Stars	Issues	Version	Updated	Created
@google-cloud/translate	2,831	144	8.2.0	a month ago	8 years ago
google-translate			3.0.0	5 years ago	11 years ago
google-translate-api	2,744	87	2.3.0	7 years ago	8 years ago
react-translate-component	321	9	0.15.1	6 years ago	10 years ago

@google-cloud/translate vs google-translate vs google-translate-api vs react-translate-component

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past