React-Intl (FormatJS) Internationalization Patterns

Quick Guide: FormattedMessage renders translated text in JSX, useIntl returns strings for attributes and programmatic use, and defineMessages produces descriptors the FormatJS CLI can extract. IntlProvider supplies the context, and its onError is what separates a missing translation from a real failure. Every plural and select needs an other branch. Version boundary: v7.x runs on React 16.6 through 19; v8 and later require React 19.

Detailed Resources:

• examples/core.md — provider setup, FormattedMessage, useIntl, defineMessages, createIntl, locale switching, types, lazy loading
• examples/formatting.md — date, time, number, currency, relative time, list and display-name formatting
• examples/pluralization.md — plural, ordinal, select, nested patterns, per-language categories, ICU escaping
• reference.md — decision trees, ICU syntax tables, API tables, anti-pattern code, checklists

Which path applies