@react-aria/i18n

Localization of Strings

This feature allows you to localize strings in your application. The `useLocalizedString` hook fetches the localized string based on the provided key.

import { useLocalizedString } from '@react-aria/i18n';

const MyComponent = () => {
  const localizedString = useLocalizedString('myStringKey');
  return <div>{localizedString}</div>;
};

Date Formatting

This feature allows you to format dates according to the user's locale. The `useDateFormatter` hook provides a formatter that can be used to format dates.

import { useDateFormatter } from '@react-aria/i18n';

const MyComponent = () => {
  const dateFormatter = useDateFormatter({ dateStyle: 'full' });
  const formattedDate = dateFormatter.format(new Date());
  return <div>{formattedDate}</div>;
};

Number Formatting

This feature allows you to format numbers according to the user's locale. The `useNumberFormatter` hook provides a formatter that can be used to format numbers, including currencies.

import { useNumberFormatter } from '@react-aria/i18n';

const MyComponent = () => {
  const numberFormatter = useNumberFormatter({ style: 'currency', currency: 'USD' });
  const formattedNumber = numberFormatter.format(123456.78);
  return <div>{formattedNumber}</div>;
};