શરૂઆત
સ્થાપન
તમારા પ્રોજેક્ટમાં 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!".
ઉદાહરણો
વધુ જાણવા માટે અને તમારા ઉપયોગ કેસ માટે ખાસ કરીને TacoTranslate કેવી રીતે સેટ કરવું તે શીખવા માટે અમારા GitHub ઉદાહરણ ફોલ્ડર પર જાઓ, જેમ કે Next.js App Router સાથે અથવા Create React App નો ઉપયોગ કરીને.
અમારા પાસે એક CodeSandbox પણ સેટ અપ છે જેને તમે અહીં જોઈ શકો છો.