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