Translate Your React App With i18next

preview_player
Показать описание
Translating your React Apps into different languages is much easier than it might seem. So let's take a look at how to use i18next to serve your react app in your users language automatically.

I hope this video can help you. If it does then please consider subscribing and giving me some feedback.
Have a great day!

Timestamps:
00:00 What are we translating
00:22 Setting up i18next
03:00 Integrating i18next into React
03:35 Adding translations (German & English)
04:45 Putting Variables in our Translations
  1. Niklas Ziermann
  2. Coding
  3. Programming
  4. HTML
  5. CSS
  6. JS
Рекомендации по теме
How to translate 0:04:52

How to translate your React app with react-intl

React multi-language tutorial 0:04:32

React multi-language tutorial

Translate Your React 0:05:58

Translate Your React App With i18next

React Multi Language 0:30:01

React Multi Language App - i18next Tutorial with React JS

react-i18next in 8 0:08:16

react-i18next in 8 minutes

Google Translate API 0:04:42

Google Translate API - Adding Multiple Language Translation Feature to Your Website

Translate your React 0:25:14

Translate your React apps like Facebook engineers

How to Translate 0:07:00

How to Translate web content into Multiple-language in React JS || Translate web content in react js

TRG S5 - 0:56:50

TRG S5 - Translating neuroscience into applications to promote mental health w Frederike Petzschner

React i18next (Complete 0:31:11

React i18next (Complete Tutorial)

How to create 0:07:52

How to create Google Translate in React.js (2024)

Translating React apps 0:24:27

Translating React apps with I18next

How to add 0:10:14

How to add translation to your react web app

Tolgee SDK integration: 0:02:28

Tolgee SDK integration: Easy React App Localization (i18n) & In-Context Translating

Localization In React 0:15:40

Localization In React - Make Your Websites International | React Translations Tutorial (React-18n)

Multi-language Translate React 0:08:44

Multi-language Translate React APP by QueryString, Browser Language with React Hook & I18NEXT

React Js Translate 0:03:06

React Js Translate Language Tutorial For Beginners

language translation in 0:00:06

language translation in react native

How to Internationalize 0:27:38

How to Internationalize a React App - Step-by-Step Guide | i18n - RethinkingUI |

React Internationalization with 0:13:43

React Internationalization with i18next and Translation Management in Under 15 Minutes

React Google Translate 0:13:50

React Google Translate API (MULTI LANG FEATURE)

i18next react tutorial 0:26:55

i18next react tutorial | how to translate website to another language in chrome | i18next react npm

How to Convert 0:04:32

How to Convert Your React Web App to a Native App

React Native Multi 0:14:34

React Native Multi Language App Using i18next

Комментарии
Автор

Congratulations on the video, Niklas. Quick content, but very good. I was having trouble with this process, but your video will help me a lot. Thanks!

leandrocosta-kkld
Автор

Excatly what i searched for, danke dir! Wie viele Jahre arbeitest du schon mit React?

gemini
Автор

You are store that value as Json after that you displays. But i want convert the words dynamically what ever user inputs English to Chinese

sathishk
Автор

what if I have to fetch data from backend

farhathullamenayath
Автор

what if you want to translate your whole website.
I have a full website I want to translate in multiple languages not just simple text.
do you have a workaround ?

gabrielfono