i18next С Нуля до Результата | Мультиязычность На Сайте

🔥 Как добавить локализацию в React с i18next? В этом видео разберём установку, настройку и работу с переводами. Узнаете, как правильно использовать useTranslation, организовать namespace&и fallback-языки, а также менять язык динамически. После просмотра у вас будет полностью готовая локализация для вашего React-приложения! 📌 Таймкоды 📌 00:00 Вступление 00:12 Смотрим проект и документацию i18next 00:51 Установка и базовая настройка i18next 02:05 Создаём первые переводы 03:20 Импортируем конфиг в main.tsx 03:33 Используем хук useTranslation() для получения первого перевода 04:22 Проверяем работу переводов 04:44 Добавляем переключение языков по кнопке 06:34 Фишки i18next, которыми я пользуюсь 08:34 Разбираемся с namespace&Плюсы их использования 09:59 Создаём namespace&для нашего проекта 10:43 Исправляем i18next конфиг для работы с namespace'ами 11:45 Добавляем namespace в App.tsx и проверяем результат 12:04 Создаём страницу About и добавляем для неё namespace 13:03 Что такое fallback и зачем он нужен? 13:52 Добавляем fallback настройку в конфиг и проверяем работу 14:57 Разбираемся с lazy-loading namespace&и их динамической подгрузкой 15:10 Добавляем ещё 1 namespace (Profile) 15:48 Асинхронная подгрузка в реальном времени 16:51 Добавляем новый язык (Испанский) 17:37 Разбираем дебаг i18next, смотрим на кэш i18next 19:30 Заключение #frontend