البدء
التثبيت
لتثبيت TacoTranslate في مشروعك، افتح الطرفية وانتقل إلى الدليل الرئيسي لمشروعك. ثم، قم بتشغيل الأمر التالي للتثبيت باستخدام npm:
npm install tacotranslate
يفترض هذا أنك قد أعددت مشروعًا بالفعل. اطلع على الأمثلة لمزيد من المعلومات.
الاستخدام الأساسي
يوضح المثال أدناه كيفية إنشاء عميل TacoTranslate, تغليف تطبيقك بمزود TacoTranslate
, واستخدام مكون Translate
لعرض النصوص المترجمة.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Page() {
return <Translate string="Hello, world!" />;
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} locale="es">
<Page />
</TacoTranslate>
);
}
تم إعداد المثال لاستخدام اللغة الإسبانية (locale="es"
)، لذا ستقوم مكونة Translate
بعرض "¡Hola, mundo!".
أمثلة
توجه إلى مجلد الأمثلة الخاص بنا على GitHub لتتعرف أكثر على كيفية إعداد TacoTranslate خصيصًا لحالتك، مثل استخدامه مع Next.js App Router، أو باستخدام Create React App.
لدينا أيضًا CodeSandbox مُعد يمكنك الاطلاع عليه هنا.