React Multi Language App - i18next Tutorial with React JS
34.3 هزار بار بازدید -
7 ماه پیش
-
#Javascript
#Javascript #reactjstutorial #ReactJS
How to make a react app in any language using i18next or react-i18next by building a greetings app with 4 languages. This tutorial is beginner friendly
➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -
https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
Discord: discord
🟪 Follow me on Instagram else your code will give errors 🤓 -
Instagram: roadsidecoder
🔗 React JS Interview Series -
Frontend Machine Coding Interview Que...
🔗 Complete Data Structures and Algorithms with JS Course -Data Structures and Algorithms in Jav...
🔗 JS Interview Series -
Javascript Interview Questions ( Var,...
🔗 Cars24 Interview Experience -
Frontend Interview Experience (Cars24...
🔗 Unacademy Interview Experience -
Frontend Interview Experience (Unacad...
🔗 Tazorpay Interview Experience -
Frontend Interview Experience (TazorP...
🔗 MERN Stack Tutorial with Redux -
MERN Stack Project Tutorial with Redu...
🔗 React Beginner's Project Tutorials -
React JS Project Tutorials 🔥🔥
-------------------------------------------------------------------------
00:00 Intro
01:11 Setup a New React App
03:06 Greetings App UI
04:09 i18next React Setup
08:01 Adding Translations
08:44 useTranslations Hook
09:48 Language Selector Component
14:49 Missing Key fallback language
15:56 Nested Translation Key Handling
18:12 Handling Right to Left Languages
20:18 Interpolation
21:58 Trans Tag in react-i18n
25:23 Serving Translation files from server
28:19 Translation Namspaces
-------------------------------------------------------------------------
⭐ Support the channel -
@roadsidecoder
Special Thanks to our members -
How to make a react app in any language using i18next or react-i18next by building a greetings app with 4 languages. This tutorial is beginner friendly
➡️ Book an Interview Preparation call with me ( 20% OFF for limited time ) -
https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
Discord: discord
🟪 Follow me on Instagram else your code will give errors 🤓 -
Instagram: roadsidecoder
🔗 React JS Interview Series -
Frontend Machine Coding Interview Que...
🔗 Complete Data Structures and Algorithms with JS Course -Data Structures and Algorithms in Jav...
🔗 JS Interview Series -
Javascript Interview Questions ( Var,...
🔗 Cars24 Interview Experience -
Frontend Interview Experience (Cars24...
🔗 Unacademy Interview Experience -
Frontend Interview Experience (Unacad...
🔗 Tazorpay Interview Experience -
Frontend Interview Experience (TazorP...
🔗 MERN Stack Tutorial with Redux -
MERN Stack Project Tutorial with Redu...
🔗 React Beginner's Project Tutorials -
React JS Project Tutorials 🔥🔥
-------------------------------------------------------------------------
00:00 Intro
01:11 Setup a New React App
03:06 Greetings App UI
04:09 i18next React Setup
08:01 Adding Translations
08:44 useTranslations Hook
09:48 Language Selector Component
14:49 Missing Key fallback language
15:56 Nested Translation Key Handling
18:12 Handling Right to Left Languages
20:18 Interpolation
21:58 Trans Tag in react-i18n
25:23 Serving Translation files from server
28:19 Translation Namspaces
-------------------------------------------------------------------------
⭐ Support the channel -
@roadsidecoder
Special Thanks to our members -
7 ماه پیش
در تاریخ 1402/10/03 منتشر شده
است.
34,368
بـار بازدید شده