Displaying 1 to 18 from 18 results

babel-plugin-react-intl - Extracts string messages from React components that use React Intl.

  •    Javascript

Extracts string messages for translation from modules that use React Intl.Note: This Babel plugin works with React Intl v2.x, and 1.x of this plugin works with Babel 5, 2.x works with Babel 6.

mady - An easy-to-use tool to manage and translate ICU MessageFormat messages

  •    Javascript

An easy-to-use tool to manage and translate ICU MessageFormat messages.Remember: this is not only for translation! Even if you only use English, you may need MessageFormat for gender, pluralisation and even regionalisation (regionalization).

react-navbar - React

  •    Javascript

The secondaryMenuItems are optional. Navbar is react-intl-based. To translate the component, make sure it receives the messages property. The i18n message paths are the values of title-s of menuItems and secondaryMenuItems.




extract-react-intl - Extract react-intl messages

  •    Javascript

This package allows you to extract all messages from a glob. It will return an object with a key for each locale you pass, which in turn contains an object with the ids of each message defined by the defineMessages function of react-intl. The value of each of these keys will be an empty string, except for your defaultLocale which will be populated with the defaultMessage. This project has a peer dependency on babel-core.

extract-react-intl-messages - extract react intl messages

  •    Javascript

This package will generate json or yaml files from a glob. It will generate one file per locale, with the ids of each message defined by the defineMessages function of react-intl. The value of each of these keys will be an empty string, except for your defaultLocale which will be populated with the defaultMessage. This project has a peer dependency on babel-core.

react-intl-native - react-intl components for React Native

  •    Javascript

While react-intl allows us to use formatMessage or passing in a function, this becomes tiresome if you have to do this for each. This module does the latter and wraps it all in a Text component allowing you to pass in style to provide custom styling. This is the only component that differs slightly from the original component. For the formatting style you need to use formatStyle instead of style. style is being reserved for the component styling.

react-intl-loader - Async react-intl locale data loader for webpack

  •    Javascript

Async react-intl locale data loader for webpack. You can use any file and file type for your locale data as long as you have the appropriate webpack loader installed and configured.


react-intl-phraseapp - Use react-intl with PhraseApp In-Context Editor

  •    TypeScript

react-intl-phraseapp is an addon for react-intl that lets you connect localized react applications to the PhraseApp In-Context Editor. You can find a demo project on GitHub.

react-intl-cra - 🔧 Extract messages of Creact React App from the command line.

  •    Javascript

Extract messages of Creact React App from the command line. This is just a workaround for create-react-app #1227 and react-intl #869 in unofficial way.

react-intl-po - :rocket: Extract POT from react-intl and convert back to json.

  •    Javascript

Extract POT from react-intl and convert back to json. Set the message-context (-c) to 'id' of message object from babel-plugin-react-intl (there is no context by default).

bs-react-intl-extractor - Extracts messages for localization from Reason source files.

  •    OCaml

Extracts messages for localization from Reason source files. This assumes that you are using the bs-react-intl bindings for react-intl. Alternatively, the binaries are also available for download on the releases page.

egghead-bookshelf - An example React application to accompany the "Add Internationalization (i18n) to a React app using React Intl" Egghead

  •    Javascript

In this course, we will incorporate react-intl into a project created with create-react-app and react-router. The react-intl library makes complex tasks such as internationalization and formatting dates & currency incredibly simple. Another huge benefit of react-intl is that it gives you the ability to centralize the content across your application into language specific files. This creates a consistent place to find content and encourages reuse. If you’ve ever used language specific yml files in Rails, you’re already familiar with this pattern. Starting with the entry point of the application, we will hit the ground running by adding the necessary components and data structures required for react-intl to function. From there, we will use react-intl components to format various types of data including strings, dates, and numbers. We will also work through writing tests for components that include react-intl components using Jest and enzyme.

productivity-frontend - Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive

  •    Javascript

This application was inspired by the awesome Trello and Kanban style of managing things. You can use this to manage anything and everything., This has lot of customizations available per board, list and card to make it your own. I built this application using Progressive Enhancements in mind, Although not perfect the app works well in desktop, mobile and tablet devices., You can easily add this app to your mobile device (just open the url from mobile device) and use it directly without opening the browser.

atool-l10n - 🌍 localized message files generating automatic solution

  •    Javascript

automatical solution for generating localization resource using middlewares

i18n - Minimalist gettext style i18n for JavaScript

  •    Javascript

Optionally, you can also define your babel configuration in the .i18nrc file. This allows you to ignore your project's .babelrc file when extracting messages, which is helpful if your project is using a legacy version of babel (<6). Often times you get to the situation that the same message needs to look slightly different depending on whether you talk about one or more things. Handling this can add quite a lot of unnecessary code. You can circumvent this with the built in support for pluralizations.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.