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