Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 I18next Open-Source Projects
-
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
next-right-now
Flexible production-grade boilerplate with Next.js 11, Vercel and TypeScript. Includes multiple opt-in presets using Storybook, Airtable, GraphQL, Analytics, CSS-in-JS, Monitoring, End-to-end testing, Internationalization, CI/CD and SaaS B2B multi single-tenancy (monorepo) support
-
-
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
pro-react-admin
基于React: v18.x.x/Webpack: v5.x.x//Vite: 4.x.x/React Router v6.x.x/ Antd: v5..x.x/Typescript: v5.x.x/Fetch Api/等最新版本进行构建的企业级中台前端基础模板...
-
i18next-scanner
Scan your code, extract translation keys/values, and merge them into i18n resource files.
-
astro-i18next
An astro integration of i18next + some utility components to help you translate your astro websites!
-
i18next-http-backend
i18next-http-backend is a backend layer for i18next using in Node.js, in the browser and for Deno.
-
react-native-redux-toolkit-starter-app
📱🚀A POWERFUL React Native starter kit to bootstrap the start of your mobile app development
-
jquery-i18next
jQuery-i18next is a jQuery based Javascript internationalization library on top of i18next. It helps you to easily internationalize your web applications.
-
i18next-http-middleware
i18next-http-middleware is a middleware to be used with Node.js web frameworks like express or Fastify and also for Deno.
-
react-native-cross-platform-starter
One codebase to build for iOS, Android, Web and Desktop with React-Native
-
json-autotranslate
Translate a folder of JSON files containing translations into multiple languages.
-
-
i18next-fs-backend
i18next-fs-backend is a backend layer for i18next using in Node.js and for Deno to load translations from the filesystem.
-
i18next-locize-backend
A simple i18next backend for locize.com which can be used in Node.js, in the browser and for Deno.
-
react-native-localization-settings
React Native module to expose per-app language preferences API on iOS and Android.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: A brief history of web development. And why your framework doesn't matter | news.ycombinator.com | 2024-04-29> It’s important to be aware of what you are getting if you go with React, and what you are getting is a far cry from what a framework would offer, with all the corresponding pros and cons.
Would you like to elaborate on that?
In my experience, with something as great, size/ecosystem-wise as React, there will almost always be at least one "mainstream" package for whatever you might want to do with it, that integrates pretty well. Where a lot of things might come out of the box with a framework, with a library I often find myself just needing to install the "right" package, and from there it's pretty much the same.
For example, using https://angular.io/guide/i18n-overview or installing and using https://react.i18next.com/
Or something like https://angular.io/guide/form-validation out of the box, vs installing and using https://formik.org/
Or perhaps https://angular.io/guide/router vs https://reactrouter.com/en/main
Even adding something that's not there out of the box is pretty much the same, like https://primeng.org/ or https://primereact.org/
React will typically have more fragmentation and therefore also choice, but I don't see those two experiences as that different. Updates and version management/supply chain will inevitably be more of a mess with the library, admittedly.
Now, projects like Next https://nextjs.org/ exist and add what some might regard as the missing pieces and work well if you want something opinionated and with lots of features out of the box, but a lot of those features (like SSR) are actually pretty advanced and not always even necessary.
So far, we’ve been using a utility createLocalizedString to create and use the LocalizedString type. This utility is only really practical in unit tests. For real applications, we’ll want to use a translation function from react-i18next or next-i18next to do the heavy lifting. Then we just wrap the translation functions that are provided in order to use our type:
You can learn more do about this platform on their website Tolgee.
Project mention: Building a multilingual NextJS app using the new app directory | dev.to | 2023-08-09Install i18next-browser-languagedetector to simplify language detection in the frontend
Project mention: Supercharge Your TypeScript App: Mastering i18next for Type-Safe Translations | dev.to | 2023-06-22A React.js based i18next setup with in-memory translation resources could also look very similar to the above example, so let's raise the bar a little bit and see what a setup with lazy loading translations like with i18next-http-backend looks like:
For reference, I am using i18next for providing translations, which is configured to use the english message string as a key for the translations and fallback to it if no translation is found in the chosen language. I also use the official svelte-i18next integration. It wraps the i18next object in a Svelte store and, among other things, provides reactivity when the language is changed.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
I18next related posts
-
Pains and solutions in localization for the web
-
Enforcing Localization through Types
-
Building a multilingual NextJS app using the new app directory
-
Building Next.js app in 7 different languages 🇫🇷 🇩🇪🇧🇷 with i18n. Open Source.
-
Supercharge Your TypeScript App: Mastering i18next for Type-Safe Translations
-
best i18n package for nextjs？
-
From Mono to Multilingual: Supercharge Your React App with i18n
-
A note from our sponsor - InfluxDB
www.influxdata.com | 6 May 2024
Index
What are some of the best open-source I18next projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-i18next | 8,959 |
| 2 | next-i18next | 5,273 |
| 3 | i18n-ally | 3,563 |
| 4 | secure-electron-template | 1,600 |
| 5 | next-right-now | 1,258 |
| 6 | tolgee-platform | 1,210 |
| 7 | i18next-browser-languageDetector | 820 |
| 8 | pro-react-admin | 696 |
| 9 | i18next-scanner | 531 |
| 10 | astro-i18next | 452 |
| 11 | i18next-http-backend | 416 |
| 12 | react-native-redux-toolkit-starter-app | 355 |
| 13 | jquery-i18next | 167 |
| 14 | i18next-http-middleware | 144 |
| 15 | react-native-cross-platform-starter | 128 |
| 16 | angular-i18next | 126 |
| 17 | json-autotranslate | 125 |
| 18 | gatsby-plugin-react-i18next | 121 |
| 19 | i18next-fs-backend | 86 |
| 20 | i18next-locize-backend | 68 |
| 21 | I18Next.Net | 53 |
| 22 | react-native-localization-settings | 50 |
| 23 | svelte-i18next | 48 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com