React 應用程式國際化（i18n）的最佳解決方案

您是否正在尋找將您的 React 應用擴展到新市場的方法？TacoTranslate 讓本地化您的 React 應用變得非常簡單，幫助您輕鬆觸及全球受眾，無需繁瑣流程。

為什麼選擇 TacoTranslate for React？

無縫整合：專為 React 應用程式設計，TacoTranslate 可輕鬆整合到您現有的工作流程中。
自動字串收集：不再需要手動管理 JSON 檔案。TacoTranslate 會自動從您的程式碼庫收集字串。
AI 驅動翻譯：利用 AI 的威力，提供符合應用程式語氣且具語境準確性的翻譯。
即時語言支援：只需點擊一下，即可新增對新語言的支援，讓您的應用程式可供全球使用。

運作方式

透過 npm 安裝 TacoTranslate 套件：

npm install tacotranslate

安裝模組後，您需要建立一個 TacoTranslate 帳戶、一個翻譯專案以及相關的 API 金鑰。在這裡建立帳戶。這是免費的，且不需要您提供信用卡資料。

在 TacoTranslate 應用程式的使用者介面中，建立一個專案，然後導航到其 API 金鑰標籤。建立一個 read 金鑰，和一個 read/write 金鑰。我們會將它們作為環境變數保存。read 金鑰是我們所稱的 public，而 read/write 金鑰是 secret。例如，你可以將它們新增到專案根目錄的 .env 檔案中。

您還需要新增另外兩個環境變數：TACOTRANSLATE_DEFAULT_LOCALE 和 TACOTRANSLATE_ORIGIN。

TACOTRANSLATE_DEFAULT_LOCALE：預設的後備語言代碼。在此範例中，我們將其設為 en，代表英文。
TACOTRANSLATE_ORIGIN：字串將被儲存的「資料夾」，例如您的網站 URL。在這裡閱讀更多關於 origins 的資訊。

.env

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

請務必切勿將秘密的 read/write API 金鑰洩漏到客戶端生產環境。

設定 TacoTranslate

透過將您的應用程式包裹在 TacoTranslate 上下文提供者中，來初始化您 React 應用程式的 TacoTranslate：

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

您現在可以在應用程式中的任何地方使用 Translate 元件來顯示翻譯後的文字！請務必查看我們的文件以獲取更多資訊，以及針對您的設定的實作指南。

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

使用 TacoTranslate 的好處

節省時間：自動化繁瑣的本地化和字串收集過程，為您節省寶貴的時間。
成本效益：減少人工翻譯的需求，降低您的本地化成本。
提升準確性：由 AI 驅動的翻譯確保語境準確且高品質的結果。
可擴展的解決方案：隨著您的應用程序和客戶群成長，輕鬆新增語言支援。

立即開始！

當您在 Translate 元件中添加任何字串時，您的 React 應用程式將自動被翻譯。請注意，只有具有 read/write 權限的 API 密鑰環境才能建立新的待翻譯字串。

我們建議您擁有一個封閉且安全的測試環境，在那裡可以測試您的生產應用程式，並在上線前添加新的字串。這將防止任何人竊取您的秘密 API 密鑰，並避免透過添加不明字串而使翻譯專案膨脹。

請務必查看我們 GitHub 頁面上的完整範例。如果您遇到任何問題，歡迎隨時聯繫我們，我們將非常樂意協助您。

TacoTranslate 讓您能夠快速自動地將您的 React 應用程式本地化為任意語言，也能從任意語言翻譯回來。免費翻譯！