React-i18next (i18n, l10n). Додаємо декілька мов на сайт. Локалізація та Інтернаціоналізація

Стати спонсором каналу:    / @maksymrudnyi   Буду вдячний за підтримку каналу: Patreon -   / rudnyi   Mono Bank - https://send.monobank.ua/jar/6oqhydjLGp або так - 5375 4114 0505 7287 Приват банк - 5363 5426 0316 4386 🌍 Що ми дізнаємося у цьому відео: 🌐 Що таке локалізація та інтернаціоналізація і чому це важливо для вашого проєкт. 🌐 Встановлення та налаштування React-i18next - популярної бібліотеки для роботи з багатьма мовами в додатках на React. 🌐 Додавання перекладів для різних мов та їх інтеграція у ваші компоненти та шаблони. 🌐 Перемикання мови на сайті для користувачів та збереження їхніх виборів. 🌐 Поради та практичні приклади з власного досвіду. Не забувайте підписуватися на мій канал, ставити лайки і натискати на дзвіночок, щоб не пропустити нові відео зі світу веброзробки та програмування! Локалізація та інтернаціоналізація - це ключові елементи будь-якого успішного вебпроєкт. Давайте разом дослідимо цю тему та зробимо ваш сайт більш доступним для всього світу. Будьмо глобальними разом! 💻🌎 #React #React_i18Next #reactIntl #reaction #i18n #l10n #Локалізація #Інтернаціоналізація 00:00 Всім привіт 01:56 Демо на сторінці React 03:00 Про автора 03:50 Порівняння бібліотек 04:56 Кому корисне дане відео? 13:07 Автоматичне визначення мови 16:25 Збереження вибраної мови при перезавантаженні 17:33 Перемикання мов 20:16 Disabled кнопку вибраної мови 21:09 Рефакторинг 24:56 Винесення файлів перекладів 26:57 Вкладені ключі 32:06 Дякую за увагу Давайте дружити: Telegram ↣ https://t.me/maksymrudnyi Telegram чат ↣ https://t.me/joinchat/H4AF4W4dfGeGepNQ INSTAGRAM ↣   / maksym_rudnyi   TWITTER ↣   / maksymrudnyi   FACEBOOK ↣   / travelscode   WEB-SITE ↣ https://travelscode.com/ GITHUB ↣ https://github.com/MaksymRudnyi/ Другий YouTube канал ↣    / travelscode  

Ви неправильно використовуєте SVG зображення в React! Правильні методи оптимізації
▶︎

Ви неправильно використовуєте SVG зображення в React! Правильні методи оптимізації

Next.js 15: i18n with next-intl (Full Walkthrough) + AI Translation
▶︎

Next.js 15: i18n with next-intl (Full Walkthrough) + AI Translation

Контроль IT для власника бізнесу: що потрібно знати
▶︎

Контроль IT для власника бізнесу: що потрібно знати

Знайомство з Mobx - стейт менеджер здорової людини.
▶︎

Знайомство з Mobx - стейт менеджер здорової людини.

Огляд Next.js - найпопулярнішого фреймворку на React. Зміни в Next.js 14. Next.js українською
▶︎

Огляд Next.js - найпопулярнішого фреймворку на React. Зміни в Next.js 14. Next.js українською

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

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

Zustand. The ideal state manager for React in 2024?
▶︎

Zustand. The ideal state manager for React in 2024?

Самое опасное когнитивное искажение [Veritasium]
▶︎

Самое опасное когнитивное искажение [Veritasium]

Собеседование JavaScript junior Рита
▶︎

Собеседование JavaScript junior Рита

Типові помилки початківця на Next.js та як їх уникнути
▶︎

Типові помилки початківця на Next.js та як їх уникнути

Go international with your next app: Using i18next to add multilingual support to your React App
▶︎

Go international with your next app: Using i18next to add multilingual support to your React App

React i18next (Complete Tutorial)
▶︎

React i18next (Complete Tutorial)

Міні курс по Supabase - платформі, яку я довго шукав. (Next.js App Router)
▶︎

Міні курс по Supabase - платформі, яку я довго шукав. (Next.js App Router)

Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot)
▶︎

Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot)

Чому я ненавидів Tailwind CSS... і що змінило мою думку
▶︎

Чому я ненавидів Tailwind CSS... і що змінило мою думку

GitHub Profile README: Підвищуйте свою професійну привабливість!
▶︎

GitHub Profile README: Підвищуйте свою професійну привабливість!

ЗА ТИЖДЕНЬ ДО КРАХУ ІНТЕРНЕТУ [VERITASIUM]
▶︎

ЗА ТИЖДЕНЬ ДО КРАХУ ІНТЕРНЕТУ [VERITASIUM]

React патерни: Compound та Namespace Components на прикладі проєкту на Vite. #SYCS13
▶︎

React патерни: Compound та Namespace Components на прикладі проєкту на Vite. #SYCS13

Вступ до React - перша лекція з курсу Реакт для початківців від Itera та Vitalii Ruban
▶︎

Вступ до React - перша лекція з курсу Реакт для початківців від Itera та Vitalii Ruban

internationalization i18n in Express
▶︎

internationalization i18n in Express