#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 -