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