# react-intl **Repository Path**: kevin402502/react-intl ## Basic Information - **Project Name**: react-intl - **Description**: Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. - **Primary Language**: JavaScript - **License**: BSD-3-Clause - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-06-17 - **Last Updated**: 2024-06-06 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README React Intl ========== Internationalize [React][] apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. [![npm Version][npm-badge]][npm] [![Build Status][travis-badge]][travis] [![Dependency Status][david-badge]][david] Overview -------- **React Intl is part of [FormatJS][].** It provides bindings to React via its components and API. ### [Documentation][] React Intl's docs are in this GitHub repo's [Wiki][Documentation], [__Get Started__][Getting Started]. There are also several [runnable example apps][Examples] which you can reference to learn how all the pieces fit together. _(If you're looking for React Intl v1, you can find it [here][v1-docs].)_ ### Features - Display numbers with separators. - Display dates and times correctly. - Display dates relative to "now". - Pluralize labels in strings. - Support for 150+ languages. - Runs in the browser and Node.js. - Built on standards. ### Example There are several [runnable examples][Examples] in this Git repo, but here's a Hello World one: ```js import React, {Component} from 'react'; import ReactDOM from 'react-dom'; import {IntlProvider, FormattedMessage} from 'react-intl'; class App extends Component { constructor(props) { super(props); this.state = { name : 'Eric', unreadCount: 1000, }; } render() { const {name, unreadCount} = this.state; return (