Type-Safe Translations with i18next for your TypeScript project

preview_player
Показать описание
In this video you will see how to introduce type-safe translations within your TypeScript projects thanks to i18next.

  1. locize
  2. i18n
  3. l10n
  4. t9n
  5. internationalization
  6. localization
Рекомендации по теме
Type-Safe Translations with 0:05:05

Type-Safe Translations with i18next for your TypeScript project

Type Level Trickery 0:07:11

Type Level Trickery #2 - TypeScript TypeSafe React I18n

react-i18next in 8 0:08:16

react-i18next in 8 minutes

IT Man - 0:10:06

IT Man - Tip #13 - Typesafe-i18n - fully type-safe, lightweight localization library [Vietnamese]

React Native Multi 0:14:34

React Native Multi Language App Using i18next

Translating React apps 0:24:27

Translating React apps with I18next

Translate Your Website 0:16:10

Translate Your Website with i18next

react-i18next and locize 0:01:38

react-i18next and locize (The Translation Management for i18next)

i18next Crash Course 0:21:16

i18next Crash Course | the JavaScript i18n framework

Translate website content 0:17:44

Translate website content using Next.js internationalization and next-i18next

Translate Your React 0:05:58

Translate Your React App With i18next

Translating a Next 0:08:57

Translating a Next Js Website (App Router i18n)

Make the application 0:19:32

Make the application support more than one language || Using by i18next

Next.js App Directory 0:22:09

Next.js App Directory & i18n - Full Tutorial

Localize React with 0:10:22

Localize React with i18next in Storybook

React Multi Language 0:38:35

React Multi Language App - i18next Tutorial

Ivan Hofer - 0:08:22

Ivan Hofer - SvelteKit and i18n: let's finally solve this never ending story

Low-code / No-code 0:06:22

Low-code / No-code website internationalization (i18n) with i18next

How to setup 0:20:35

How to setup i18n Language Translation between English and French (Next.js 13)

How to use 0:04:38

How to use i18next Provider correctly?

React-i18next (i18n, l10n). 0:33:04

React-i18next (i18n, l10n). Додаємо декілька мов на сайт. Локалізація та Інтернаціоналізація...

Как перевести приложение 0:23:52

Как перевести приложение React? | I18next, локализация, плюрализация, контекст...

i18next internationalization 0:00:15

i18next internationalization

Add Translations to 0:08:04

Add Translations to Your Expo React Native App - Use Localizations to Bring Your App to more Users

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

Accutaly, this is not type safe. Nothing ensures that all languages have same variables. You created Resources object by using english locale as reference, but nothing gurantes that .jsons I create for other languages are exactly of that type.

josippardon
Автор

I really need this, thank you so much!

victoriagonzalez
Автор

Doesn't work with React Native with Expo

belkocik
Автор

I found one issue with this, Intellisense is broken when specific translations file is bigger than ~200 keys/lines, how can I solve it?

I use WebStorm

awakeupcall
Автор

I get below error : Type 'DefaultTFuncReturn' is not assignable to type 'string | undefined'.

suryapratap
Автор

It doesn't work.
VS Code 1.88.1

wdkmbiz