@transifex/react

Transifex Native for React

React component for localizing React application using Transifex Native.

Related packages:

• @transifex/native
• @transifex/cli

Install

Install the library and its dependencies using:

npm install @transifex/native @transifex/react --save

Usage

import React, { Component } from 'react'

import T from '@transifex/react'

class Example extends Component {
  render() {
    const user = 'Joe';
    return (
      <div>
        <T _str="Hello world" />
        <T _str="Hello {username}" username={user} />
        <T
          _str="Hello <b>{username}</b>"
          _html
          username={user}
        />
        <p>
          <T
            _str="Hello <b>{username}</b>"
            _html _inline
            username={user}
          />
        </p>
      </div>
    )
  }
}

Available optional props:

Prop	Type	Description
_str	String	Source string
_html	Boolean	Render source string as HTML inside a div tag
_inline	Boolean	Wrap translation in span when _html is used
_context	String	String context, affects key generation
_key	String	Custom string key
_comment	String	Developer comment
_charlimit	Number	Character limit instruction for translators
_tags	String	Comma separated list of tags

License

Licensed under Apache License 2.0, see LICENSE file.