Localize React with i18next in Storybook

Internationalize React components with i81next 🇺🇸🇦🇪🇩🇪

▬ Chapters ▬▬▬▬▬▬▬▬▬▬

00:00 Intro
00:42 Prerequisite
00:57 Install react-i18next
02:50 Enable i18next debugger
03:13 Add translations
03:42 Lazy load translations
06:07 Detect user locale
07:33 Share i18next config
08:31 Enable RTL support
09:36 Outro
09:51 What's next?

▬ Related articles ▬▬▬▬▬▬▬▬▬▬

Get Started with react-i18next: https://react.i18next.com/getting-sta...
Step by step react-i18next guide: https://react.i18next.com/latest/usin...
i18next instance documentation: https://react.i18next.com/latest/i18n...
i18next-http-backend: https://github.com/i18next/i18next-ht...
i18next-browser-languagedetector: https://github.com/i18next/i18next-br...

▬ Follow us! ▬▬▬▬▬▬▬▬▬▬

Discord:   / discord  

Twitter:   / storybookjs  

Instagram:   / storybookjs  

GitHub: https://github.com/storybookjs/storybook

Follow ‪@chantastic‬ on:
twitter:   / chantastic  
youtube: ‪@chantastic‬

▬ Learn more ▬▬▬▬▬▬▬▬▬▬

Storybook at https://learnstorybook.com/
Storybook addons at https://storybook.js.org/addons
Component driven UI development at https://www.componentdriven.org/

▬ Free Storybook hosting ▬▬▬▬▬▬▬▬▬▬

Chromatic is made by Storybook maintainers and sets up in just 2 minutes.

Claim free Storybook hosting at https://www.chromatic.com/!