React Multi Language App - i18next Tutorial with React JS
#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
🟪 Follow me on Instagram else your code will give errors 🤓 -
/ 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 -