Kuanzia
Usakinishaji
Ili kusakinisha TacoTranslate kwenye mradi wako, fungua terminal yako na nenda kwenye saraka ya mzizi ya mradi wako. Kisha, endesha amri ifuatayo ili kusakinisha kwa npm:
npm install tacotranslateHii inadhani kuwa tayari umeanzisha mradi. Tazama mifano kwa maelezo zaidi.
Matumizi ya msingi
Mfano hapo chini unaonyesha jinsi ya kuunda mteja wa TacoTranslate, kuzungusha programu yako na mtoa huduma TacoTranslate, na kutumia komponenti Translate kuonyesha maandishi yaliyotafsiriwa.
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>
);
}Mfano umewekwa kutumia Kihispania (locale="es"), hivyo komponenti ya Translate itaonyesha "¡Hola, mundo!".
Mifano
Endelea kwenye folda yetu ya mifano ya GitHub ili ujifunze zaidi kuhusu jinsi ya kusanidi TacoTranslate hasa kwa matumizi yako, kama vile kwa kutumia Next.js App Router, au kwa kutumia Create React App.
Sisi pia tuna CodeSandbox iliyowekwa ambayo unaweza kuangalia hapa.