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