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