react translation with i18next and saving to localStorage

  Рет қаралды 9,577

Daily Web Coding

Daily Web Coding

2 жыл бұрын

In this video I am going to show you how to setup react translation with i18next and saving it to localStorage.
Support the channel : 🙏🌸
- buy our merch 👕 : daily-store-9.creator-spring....
- donate 🌻: / dailywebcoding
code: github.com/Chensokheng/react-...
Follow me: 👇
- Discord: / discord
- Github: github.com/Chensokheng

Пікірлер: 26
@ninkwillow
@ninkwillow Жыл бұрын
ive watched so many tutorials and this is by far the best one T_T very clear and fast
@aqibrafiq692
@aqibrafiq692 2 жыл бұрын
Short and clear thanks ❤️
@HarryJess-ds3sf
@HarryJess-ds3sf Жыл бұрын
Recommand Viedo is short but it's really effective. Easy to understand for beginner.
@arianh
@arianh Жыл бұрын
Thanks, Really enjoyed and learned a lot ✌🙏🌹
@sumsumcity841
@sumsumcity841 2 жыл бұрын
Best tutorial thank you!
@user-dn4ry3uw8i
@user-dn4ry3uw8i 11 ай бұрын
Thanks a lot. the best explanation
@SHMUDIVEL
@SHMUDIVEL Жыл бұрын
thank you helped me a lot
@TutoMaster
@TutoMaster 3 ай бұрын
thank u man!
@mdkawsarislamyeasin4040
@mdkawsarislamyeasin4040 Жыл бұрын
Thanks ❤
@MahmoudAbdullahAnani
@MahmoudAbdullahAnani Жыл бұрын
thank you bro
@timtech9361
@timtech9361 Жыл бұрын
Is there a library or framework that provides an array of available languages and translatees content dynamically?
@tuon1602
@tuon1602 Жыл бұрын
man you are the beast ;b
@mohamedyoussef8835
@mohamedyoussef8835 2 жыл бұрын
Awesome Video ++++++++++++++++++++ Thank you
@maharshbajpai
@maharshbajpai Жыл бұрын
what font you use in vs code bud ? looks pretty cool
@sameersingh-gb1gy
@sameersingh-gb1gy 6 ай бұрын
I am not getting the localStorage option do i have to install it as third-party lib?
@frank3481
@frank3481 Жыл бұрын
Does this also work after deploying the app?
@HaloDude557
@HaloDude557 Жыл бұрын
Is it possible to change language without a page reload? If my users are entering a multi-step form and switch the language, it will reload the page and revert to the first step, losing their progress.
@baetraki7268
@baetraki7268 Жыл бұрын
it doesn't reload at all
@HaloDude557
@HaloDude557 Жыл бұрын
@@baetraki7268 do you think I just made the question? Are you being annoying on purpose or are you just accidentally pretentious via your obliviousness? I have a multi-step form that resets to the initial state if I change the language. Yes, it reloads. No, it is not my imagination.
@baetraki7268
@baetraki7268 Жыл бұрын
@@HaloDude557 i swear im using it and it's not reloding for me, i didn't mean to say that it's not reloding for you just tryna tell you that the intended functionality is not to relode the page to change the language, maybe there is somthing forcing the reload, your form being multistep should have nothing to do with i18n reloading the whole page just to change the language, and if you can't find the cause, persist the form data in localstorage.
@HaloDude557
@HaloDude557 Жыл бұрын
@@baetraki7268 Multistep doesn't have anything to do with it. I just brought it up to illustrate why it would be annoying for an end user to lose multiple steps of progress. Even single step forms still refresh when changing the language. I cannot use localStorage. Security and privacy are big concerns in my industry so I can't just leave this sensitive data sitting around in the browser storage unprotected.
@baetraki7268
@baetraki7268 Жыл бұрын
@@HaloDude557 it wouln't be unprotected you can use something like useEffect to listen to unmounts to clear localstorage or just try to find the root cause of what is making i18n reload your page to get the treanslations
How to use TypeScript with React... But should you?
6:36
Fireship
Рет қаралды 913 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 168 М.
تجربة أغرب توصيلة شحن ضد القطع تماما
00:56
صدام العزي
Рет қаралды 60 МЛН
New model rc bird unboxing and testing
00:10
Ruhul Shorts
Рет қаралды 24 МЛН
Looks realistic #tiktok
00:22
Анастасия Тарасова
Рет қаралды 105 МЛН
Stay on your way 🛤️✨
00:34
A4
Рет қаралды 7 МЛН
react-i18next in 8 minutes
8:16
COMMAND
Рет қаралды 39 М.
Translating React apps with I18next
24:27
Lokalise
Рет қаралды 15 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 928 М.
React Multi Language App - i18next Tutorial
38:35
Classsed
Рет қаралды 122 М.
Bilingual People Vs. Google Translate
14:04
REACT
Рет қаралды 3,3 МЛН
Translate Your Website with i18next
16:10
Robin Vriens
Рет қаралды 4,7 М.
Most Beginner React Developers Do This Wrong
13:47
Web Dev Simplified
Рет қаралды 228 М.
Localise React Applications Using I18Next
4:38
Maksim Ivanov
Рет қаралды 56 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
The Story of Next.js
12:13
uidotdev
Рет қаралды 556 М.
تجربة أغرب توصيلة شحن ضد القطع تماما
00:56
صدام العزي
Рет қаралды 60 МЛН