#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 ) -
topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
discord.gg/2ecgDwx5EE
🟪 Follow me on Instagram else your code will give errors 🤓 -
instagram.com/roadsidecoder/
🔗 React JS Interview Series -
kzitem.info/door/PLKhlp2qtUcSYQojD5G-ElgHezoCyq2Hgo
🔗 Complete Data Structures and Algorithms with JS Course -kzitem.info/door/PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4
🔗 JS Interview Series -
kzitem.info/news/bejne/0IuNuKyAamuYmXo
🔗 Cars24 Interview Experience -
kzitem.info/news/bejne/166dzY6cn4GimKA
🔗 Unacademy Interview Experience -
kzitem.info/news/bejne/wpiYyn5qkpieaGk
🔗 Tazorpay Interview Experience -
kzitem.info/news/bejne/0mOv0oaujKp4lo4
🔗 MERN Stack Tutorial with Redux -
kzitem.info/news/bejne/qoeO0INmrWaJhYI
🔗 React Beginner's Project Tutorials -
kzitem.info/door/PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk
-------------------------------------------------------------------------
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 -
kzitem.info/rock/IPZVAwDGa-A4ZJxCBvXRuQjoin
Special Thanks to our members -
Негізгі бет React Multi Language App - i18next Tutorial with React JS
Пікірлер: 96