البدء
التثبيت
لتثبيت 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 مُعد يمكنك مشاهدته هنا.