Go international with your next app: Using i18next to add multilingual support to your React App
Still creating monolingual apps in 2021? Learn how to take your web application to the next level by adding multilingual support to it.
In this tutorial we will be learning how to use i18next framework to add internationalization to a react app. The video provides a step by step walkthrough from setting up a react project to creating and fetching language translations with the click of a button.
🔴 GitHub Repo: https://github.com/banishnarang/yt-re...
Timestamps:
00:00 - Intro
00:25 - Setting up a React app
02:23 - Installing and setting up React Router v6
06:25 - Installing Bootstrap v4.6
07:18 - Building the Header
14:08 - Building the Profile page
16:36 - Installing i18next packages
18:05 - Setting up i18next inside the app
25:48 - Adding translation files
29:40 - Adding translations to Home
31:31 - Adding translations & language change handler to Header
36:46 - Adding translations to Profile
39:20 - Outro
⭐️ Hashtags ⭐️
#React #ReactJS #i18next #i18n #localization #internationalization #multilingual #language #frontend #developer #development #software
⭐️ Tags ⭐️
React
ReactJS
i18next
Watch video Go international with your next app: Using i18next to add multilingual support to your React App online without registration, duration hours minute second in high quality. This video was added by user You Suck At Coding 11 November 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 24,007 once and liked it 447 people.