5. What are I18n and a11y?

I18n stands for internationalization, and a11y stands for accessibility. I18n refers to making applications that support multiple languages, while a11y involves designing applications to be accessible to all users, including those with disabilities. An example of using I18n in React is the react-i18next library:

import { useTranslation } from 'react-i18next';

function MyComponent() {
  const { t } = useTranslation();
  return <p>{t('welcome_message')}</p>;
}