Nostalgic Primordial Monster

    component-intl-welcome

    0.1.0 • Public • Published

    Demonstration component 'Welcome' with locales

    This is exampe library with support of internationalization according to component approach

    This library exports a demonstration component 'Welcome' which uses react-intl internationalization library. The component displays a simple form and displays a localized sentence in the selected language. The sentence is reactively changing in response to a change of the data in the form.

    This demonstration component currently support en, de, ru, zh locales.

    The localization data is in directory ./locales in yaml format according to component approach

    To integrate localization data to application locale assets configure the webpack internationalization plugin intl-webpack-plugin like this:

      var IntlPlugin = require("intl-webpack-plugin");
      module: {
        rules: [
          { test: /\.(intl)$/i,
            use: [
              IntlPlugin.loader(),
              'yaml-loader'
            ]
          }
        ]
      }
      plugins: [
        new IntlPlugin({})
      ]
     

    And require internationalization entry point module somewhere in application:

    import {} from 'component-intl-welcome/locales'

    Now import component and put it on the page like this:

    import React from 'react'
     
    import Welcome from 'component-intl-welcome'
    import {} from 'component-intl-welcome/locales'
     
    const App = (props) => (
      <div>
        <h2>The "Welcome" component</h2>
        <Welcome/>
      </div>
    )
     

    To see example how to integrate this library component with locales into application and how it works see

    or its source code:

    Install

    npm i component-intl-welcome

    DownloadsWeekly Downloads

    1

    Version

    0.1.0

    License

    MIT

    Last publish

    Collaborators

    • oklas