React Multi Language App - I18next Tutorial

preview_player
Показать описание

Learn how to build React multi language app in this I18next tutorial. You will learn configuring it correctly, loading translation files as chunks, scanning translations in code and loading translations from the API.

🛠 Need a video editor?

📌 Social

📚 References

🕒 TIMESTAMPS
0:00 Introduction
1:03 Configuring I18n
7:53 i18next-scanner
13:40 i18next translations from API

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.
  1. Monsterlessons Academy
  2. react multi language app
Рекомендации по теме
React Multi Language 0:38:35

React Multi Language App - i18next Tutorial

React multi-language tutorial 0:04:32

React multi-language tutorial

React Multi Language 0:30:01

React Multi Language App - i18next Tutorial with React JS

React Multi Language 0:18:20

React Multi Language App - I18next Tutorial

React Localization with 0:11:13

React Localization with i18next | Add Multi-Language Support in React

Reactjs multilanguage app 0:05:46

Reactjs multilanguage app

How are Multi 0:00:56

How are Multi Language Websites made? #reactjs #javascript

55. Build a 0:12:32

55. Build a Multi-Client TCP Chat App with Unique IDs in Node.js | Net Module Tutorial

React Native Multi 0:14:34

React Native Multi Language App Using i18next

Localization In React 0:15:40

Localization In React - Make Your Websites International | React Translations Tutorial (React-18n)

React i18next (Complete 0:31:11

React i18next (Complete Tutorial)

So einfach übersetzt 0:18:06

So einfach übersetzt du deine React App | I18next Multi-Language App | Deutsch 🇩🇪

How to Support 0:00:35

How to Support Multiple Languages in a React Native App | Localization Course Intro

Multi-language Translate React 0:08:44

Multi-language Translate React APP by QueryString, Browser Language with React Hook & I18NEXT

REACT - Implementing 1:16:38

REACT - Implementing multi-language support using I18Next

language translation in 0:00:06

language translation in react native

React Typescript Multi 0:37:04

React Typescript Multi language website with context api

#73 React Native 0:14:02

#73 React Native Multi Language App | Language Detector | Part 2

This is why 0:00:37

This is why we must learn languages! #shorts

React.js Course and 2:52:42

React.js Course and Tutorial - How to Make a Multi Language Website ? Project with Source Code

Multi language React 0:09:30

Multi language React Native Mobile Application.

Building a Multilingual 0:01:00

Building a Multilingual App with Babel in React JS: A Step-by-Step Tutorial

React Multilanguage & 0:11:15

React Multilanguage & Persist Store

Add Translations to 0:08:04

Add Translations to Your Expo React Native App - Use Localizations to Bring Your App to more Users

Комментарии
Автор

6:14 Switch between the languages
8:35 Automate key creation

kirillzlobin
Автор

спасибо, полезное видео, пригодилось!

katenka_katrusya
Автор

3:24 What does it mean - React escapes all values by default??

kirillzlobin
Автор

Great video!
How do you solve the problem when form errors need to be translated as well?
For example, you use zod to describe the validation scheme, how would you handle the keys in that case?

`const getSchema = t => z.object({ name: z.string(t('name.error') })` or create this schema inside react component?

serhiitachuk
Автор

But if we download translations from backend - we cannot update them automatically with ours scanner, correct?

kirillzlobin
Автор

But how backend knows what language we want to download to our frontend?

kirillzlobin
Автор

Very nice Dear, I will buy your Udemy course .

Um_Zuca_Dev_Na_Ilha_da_Madeira
welcome to shbcf.ru