مشروع واحد. أربع حزم SDK. ترجمة متزامنة.

العبارات نفسها معروضة بواسطة langsys-js-react وlangsys-js-vue وlangsys-js-svelte — وكذلك SDK الأساسي العادي langsys-js-typescript الذي تغلّفه جميعًا — وكلها تقرأ مشروع Langsys مشتركًا واحدًا. غيّر اللغة وشاهد جميع اللوحات تتحدث دفعة واحدة.

العبارة نفسها بثلاث لغات — والفرق في الشيفرة الموجودة تحت كل لوحة. اضبط الرسائل على 1 وستُعاد معالجة كل الارتباطات دفعة واحدة. الجملة مكتوبة بصيغة مسطّحة: يولّد Langsys صيغ الجمع لكل لغة أثناء الترجمة، فلا يحتاج أحد إلى كتابة الفروع.

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 });
});

الجسر في كل لوحة: useSignal (React) · useSignal (Vue) · $store (Svelte — دون الحاجة إلى مهايئ) · signal.subscribe() (vanilla).

اختر إطار العمل الخاص بك

حزمة SDK الأساسية نفسها في الخلفية — كل صفحة تجمع بين عروض توضيحية حيّة والأساليب الاصطلاحية لواجهة ربط واحدة.

هل أنت جديد على Langsys؟ تشرح المفاهيم الأفكار التي يقوم عليها هذا العرض التجريبي — العبارة هي المفتاح، ومخزن اللغات المحلية، ولماذا يُعدّ مفتاح القراءة فقط آمنًا في المتصفح.