Top 21 JavaScript Translation Projects
-
Project mention: react-i18next not loading json translation files in React app created with create-react-app | reddit.com/r/codehunter | 2022-05-03
I want to implement translations and I've discovered react-i18next
-
Project mention: How to properly internationalize a Vue application using i18next | dev.to | 2022-05-15
import I18NextVue from 'i18next-vue' import i18next from 'i18next' import Backend from 'i18next-locize-backend' import LanguageDetector from 'i18next-browser-languagedetector' import LastUsed from 'locize-lastused' import { locizePlugin } from 'locize' const isProduction = process.env.NODE_ENV === 'production' const locizeOptions = { projectId: process.env.VUE_APP_LOCIZE_PROJECTID, apiKey: process.env.VUE_APP_LOCIZE_APIKEY, // YOU should not expose your apps API key to production!!! version: process.env.VUE_APP_LOCIZE_VERSION } if (!isProduction) { // locize-lastused // sets a timestamp of last access on every translation segment on locize // -> safely remove the ones not being touched for weeks/months // https://github.com/locize/locize-lastused i18next.use(LastUsed); } export const i18nextPromise = i18next // locize-editor // InContext Editor of locize .use(locizePlugin) // i18next-locize-backend // loads translations from your project, saves new keys to it (saveMissing: true) // https://github.com/locize/i18next-locize-backend .use(Backend) // detect user language // learn more: https://github.com/i18next/i18next-browser-languageDetector .use(LanguageDetector) // init i18next // for all options read: https://www.i18next.com/overview/configuration-options .init({ debug: !isProduction, fallbackLng: 'en', saveMissing: !isProduction, backend: locizeOptions, locizeLastUsed: locizeOptions }) export default function (app) { app.use(I18NextVue, { i18next }) return app }
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Project mention: Correct use for angular-translate in controllers | reddit.com/r/codehunter | 2022-03-31
.controller('FirstPageCtrl', ['$scope', '$filter', function ($scope, $filter) { $scope.pageTitle = $filter('translate')('HELLO\_WORLD'); }]).controller('SecondPageCtrl', ['$scope', '$filter', function ($scope, $filter) { $scope.pageTitle = 'Second page title'; }]) I'm loading the translation files using the angular-translate-loader-url extension.
-
Project mention: alguém que trabalha com programação pode me ajudar? | reddit.com/r/conversas | 2021-07-27
-
-
WPGulp
An advanced Gulp workflow for WordPress development with extensive documentation. Used by 40,000+ themes and plugins.
At Appwrite, we aim to build awesome products and spread the word about open source.🚀 With continued efforts to spread awareness about open source, we come up with new and exciting Twitter spaces every month. Last week, we hosted a space on “Maintaining an open source project”. On top of that, we were joined by some amazing speakers, such as Ahmad Awais.
-
Project mention: What's this mysterious white pellet inside old germanium power transitors? | reddit.com/r/AskElectronics | 2022-04-17
There's an add-on for Firefox that can translate pages. https://github.com/FilipePS/Traduzir-paginas-web
-
SonarQube
Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
-
The last format in this multiverse trip is Fluent a Mozilla project. The Fluent format shares a lot of philosophy that drove the design of ICU Message Format.
-
Project mention: Automatically Displaying Pitch Accents Over Text & Subtitles? | reddit.com/r/LearnJapanese | 2022-05-05
Yomichan can do this if a pitch accent dictionary is installed.
-
svelte-intl-precompile
I18n library for Svelte.js that analyzes your keys at build time for max performance and minimal footprint
There are some great i18n libraries which can be used together with SvelteKit, such as svelte-i18n, typesafe-i18n or svelte-intl-precompile. However, a month ago, I decided to create my own, modular and lightweight one, because i was missing some features like dynamic translations load (load translations for visited pages only), custom translation sources (e.g. external API) or component scoped translations, etc...
-
deepl-translator
This module provides promised methods for translating text using DeepL Translator (https://www.deepl.com/translator) undocumented API.
-
react-translated
A dead simple way to add complex translations (i18n) in a React (DOM/Native) project 🌎🌍🌏
-
If you don't want to write it yourself and you use eslint, you can check out eslint-plugin-i18n-json, it seems to do what you're looking for with i18n-json/identical-keys.
-
-
Project mention: got - interact with google translate from the terminal | reddit.com/r/commandline | 2022-05-01
I actually made a similar CLI, it's very minimalistic and is written in Node. You can check it out here: https://github.com/RushanKhan1/termTranslate
-
-
Project mention: Ask HN: Those making $500/month on side projects in 2021 – Show and tell | news.ycombinator.com | 2021-12-23
It actually doesn't determine it by the country the request is coming from.
How it works is fully documented here: https://github.com/ladjs/i18n#i18nmiddlewarectx-next
1) Check URL (e.g. if /de or /de/ then it's a de locale - as long as de is a supported locale)
-
-
Project mention: Uni Localization on web components with absolute customization. Works on any website (Vue, React, Angular and even WordPress) | dev.to | 2021-12-28
React - for the create-react-app integration is as simple as possible. Connect the necessary scripts in the index.html. That's it!
-
Agora-Translated-Transcription
Web application to create translated transcribed text to and from any language during video calls.
Project mention: Build A Live Translated Transcriptions Service Within Your Video Call Web App | dev.to | 2021-10-24We have successfully made our very own multilingual transcription service inside a web video call application. In case you weren’t coding along or want to see the finished product all together, I have uploaded all the code to GitHub: https://github.com/akshatvg/Agora-Translated-Transcription
-
JavaScript Translation related posts
- got - interact with google translate from the terminal
- What's this mysterious white pellet inside old germanium power transitors?
- Interesting job offer in Gothenburg
- react-i18next: interpolation of link in HTML tag in the middle of the text
- Translate
- React i18n break lines in JSON String
- " Translator " Just wondering, how can there's no one ever mention this extension before ?
Index
What are some of the best open-source Translation projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-i18next | 7,315 |
| 2 | i18next | 6,198 |
| 3 | angular-translate | 4,404 |
| 4 | You-Dont-Know-JS | 4,044 |
| 5 | lbry-desktop | 3,573 |
| 6 | WPGulp | 1,759 |
| 7 | Traduzir-paginas-web | 1,000 |
| 8 | fluent.js | 729 |
| 9 | yomichan | 670 |
| 10 | svelte-intl-precompile | 214 |
| 11 | deepl-translator | 198 |
| 12 | react-translated | 180 |
| 13 | eslint-plugin-i18n-json | 135 |
| 14 | react-i18nify | 130 |
| 15 | termTranslate | 20 |
| 16 | foundryvtt-dnd5e-lang-de | 9 |
| 17 | i18n | 8 |
| 18 | tdash | 2 |
| 19 | localize-react | 1 |
| 20 | Agora-Translated-Transcription | 1 |
| 21 | aidungeon-browser-translator | 0 |
Are you hiring? Post a new remote job listing for free.
