Tek proje. Dört SDK. Eş zamanlı çeviri.

Aynı ifadelerin langsys-js-react, langsys-js-vue, langsys-js-svelte ve hepsinin sardığı sade langsys-js-typescript temel SDK'sı tarafından, ortak tek bir Langsys projesinden okunarak görüntülenmesi. Dili değiştirin ve tüm panellerin aynı anda güncellendiğini izleyin.

Aynı ifade, üç dil yapısı — fark, her panelin altındaki kodda. Mesajları 1 değerine getirin; tüm bağlamalar aynı anda yeniden oluşturulur. Cümle düz yazılmıştır: Langsys her dilin çoğul biçimlerini çeviri sırasında üretir, dolayısıyla dalları kimse yazmaz.

const t = useT();
const count = useSignal(countStore);

<p>{t('Hello, {name}!', 'LearnDemo', { name: 'Sarah' })}</p>
<p>{t('You have {count} new messages.', 'LearnDemo', { count })}</p>

const t = useT();
const count = useSignal(countStore);

<p>{{ t('Hello, {name}!', 'LearnDemo', { name: 'Sarah' }) }}</p>
<p>{{ t('You have {count} new messages.', 'LearnDemo', { count }) }}</p>

import { t } from 'langsys-js-svelte';

<p>{$t('Hello, {name}!', 'LearnDemo', { name: 'Sarah' })}</p>
<p>{$t('You have {count} new messages.', 'LearnDemo', { count: $countStore })}</p>

import { t, tSignal } from 'langsys-js-typescript';

tSignal.subscribe(() => {
  hello.textContent = t('Hello, {name}!', 'LearnDemo', { name: 'Sarah' });
  messages.textContent = t('You have {count} new messages.', 'LearnDemo', { count });
});

Her paneldeki köprü: useSignal (React) · useSignal (Vue) · $store (Svelte, adaptör gerekmez) · signal.subscribe() (saf JS).

Framework'ünüzü seçin

Altta aynı temel SDK var — her sayfa, tek bir bağlayıcının deyimleriyle canlı demoları bir araya getirir.

Langsys'e yeni misiniz? Kavramlar, bu demonun dayandığı fikirleri açıklar — ifadenin anahtar olması, dil deposu ve salt okunur bir anahtarın tarayıcıda neden güvenli olduğu.