શરૂઆત કરવી
સ્થાપન
તમારા પ્રોજેક્ટમાં 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 પણ તૈયાર કર્યો છે જેને તમે અહીં તપાસી શકો છો.