react-localize

    5.1.1 • Public • Published

    react-localize

    A simple React Context wrapper and text localization component for localizing strings.

    React Localize Coverage Status React Localize Travis Builds React Localize Greenkeeper Status

    Documentation:

    Please refer to our gitbook documentation for more detailed information & resources.

    Getting Started, Quickly:

    Install it from npm, Inc.*:

    npm i react-localize

    *or via yarn add react-localize

    Example of usage:

    import { LocalizationProvider, LocalizationConsumer } from 'react-localize';
    // this should come from your server or localization strings bundle source
    // for your application.
    const localizationBundle = {
      'app.button.Submit': 'Submit',
      foo: {
        bar: 'Hey %s, you must be %d years old?'
      }
    };
     
    <LocalizationProvider messages={localizationBundle}>
      <AnyParentComponent>
        <LocalizationConsumer>
          {({ localize }) => {
            return <div>
              <h1>{localize('prop.MissingValue')}</h1>
              <button>{localize('app.button.Submit')}</button>
              <p>{localize('foo.bar', ['Stephen', 34])}</p>
            </div>;
          }}
        </LocalizationConsumer>
      </AnyParentComponent>
    </LocalizationProvider>
     
    // outputs:
    // <div>
    //   <h1>prop.MissingValue</h1>
    //   <button>Submit</button>
    //   <p>Hey Stephen, you must be 34 years old?</p>
    // </div>

    Install

    npm i react-localize

    DownloadsWeekly Downloads

    442

    Version

    5.1.1

    License

    ISC

    Unpacked Size

    47.6 kB

    Total Files

    14

    Last publish

    Collaborators

    • kmudrick
    • sprjrx