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	Size
	react-media		2,439	8	1.10.0	5 years ago	10 years ago
	react-translate-component		322	9	0.15.1	7 years ago	11 years ago

react-media vs react-translate-component

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past