Paraglide for React Native?

[tobimori]

Looking into moving from i18next right now across our entire stack, which consists of several Remix webapps and React Native. From what I've gathered, paraglide mostly makes use of SSR/backend compiling stuff?

[samuelstroschein]

Hi @tobimori,

1. Why do you want to move from i18next? (You can use inlang apps with the i18next plugin)

2. You should be able to use Paraglide JS but might need to wire up your React Native app to re-render when the language is changed. That is trivial to achieve (pseudocode):

import { onSetLanguageTag } from "paraglide"

onSetLanguageTag(() => {
  triggerRerender()
})

I've gathered, paraglide mostly makes use of SSR/backend compiling stuff?

No, Paraglide JS works with plain JS, no server stuff. If you use Paraglide-Next, Paraglide-SvelteKit etc you get SSR stuff. You need to have a compile step though. If you use a bundler, you can compile in the bundle step or use the paraglide vite plugin directly.

[tobimori]

I have a Remix app and a React Native app, and would like consistency across both codebases. I don't like i18next, and how it handles a lot of stuff.

[samuelstroschein]

I don't like i18next, and how it handles a lot of stuff.

Can you specify what you don't like?

• i can verify that paraglide works for what you intended
• feedback for us whether we are building the right thing in paraglide

[tobimori]

• remix-i18n doesn't allow not using the built-in detection, since I wanted to use a lang from user account object, was pretty annoying too dive deeper into that
• <Trans> vs { t } = useTranslation() is kinda inconsistent. Trans requires you to always write a fallback text and and t just uses the key
• i couldn't figure out a way to get the fs backend running in my environment (cloudflare workers/workerd)

anyway, i found https://lingui.dev shortly after making this post, and like it's approach (auto generating keys, built-time macros, works across remix & react-native, was much easier)

maybe i'll test out paraglide in the future

[samuelstroschein]

Glad that you found a solution. You can use inlang apps like the Sherlock VSCode extension with Lingui via an ICU translation file plugin

auto generating keys

That's the way to go! The inlang ecosystem also uses generated keys/ids by default.