React Multi Language App - I18next Tutorial
Рет қаралды 4,688
Күн бұрын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.
TIMESTAMPS
0:00 Introduction
1:03 Configuring I18n
7:53 i18next-scanner
13:40 i18next translations from API
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Angular Interview Questions monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacad...
@kirillzlobin7135 13 күн бұрын
6:14 Switch between the languages 8:35 Automate key creation
@kirillzlobin7135 13 күн бұрын
Thank you for a great tutorial
@MonsterlessonsAcademy 12 күн бұрын
You are welcome!
@serhiitachuk 5 ай бұрын
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?
@MonsterlessonsAcademy 5 ай бұрын
You can use t function inside zod like name: z.string(t('nameError')) or if you have form with backend errors only then backend can returns already translated errors.
@blackslash4954 Ай бұрын
i18next in 18 minutes!!
@MonsterlessonsAcademy Ай бұрын
Yeap!
@kirillzlobin7135 13 күн бұрын
But if we download translations from backend - we cannot update them automatically with ours scanner, correct?
@MonsterlessonsAcademy 12 күн бұрын
Yes
@kirillzlobin7135 13 күн бұрын
But how backend knows what language we want to download to our frontend?
@MonsterlessonsAcademy 12 күн бұрын
You provide a language identifier
@tonyfilho1643 5 ай бұрын
Very nice Dear, I will buy your Udemy course .
@MonsterlessonsAcademy 5 ай бұрын
Happy learning!
@kirillzlobin7135 13 күн бұрын
3:24 What does it mean - React escapes all values by default??
@MonsterlessonsAcademy 12 күн бұрын
Yes
@kirillzlobin7135 12 күн бұрын
@@MonsterlessonsAcademy So, what does it mean "React escapes values by default?"
@karthikeyan878 5 ай бұрын
Waiting for angular i18n
@MonsterlessonsAcademy 5 ай бұрын
I will add it to the list
@karthikeyan878 5 ай бұрын
@@MonsterlessonsAcademy Thank you
Monsterlessons Academy
Рет қаралды 9 М.
Vishal Pawar
Рет қаралды 4,7 М.
Monsterlessons Academy
Рет қаралды 1,5 М.
Ilya Krukowski
Рет қаралды 6 М.
Monsterlessons Academy
Рет қаралды 3,1 М.