Tag

i18n

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 14, 2025 · Frontend Development

Using AirPower i18n Module for Frontend Internationalization with TypeScript

This tutorial demonstrates how to install the AirPower package, create a custom i18n class, add default and English language packs, register languages, and use type‑safe i18n tags in a Vue3 frontend, while also outlining the broader AirPower ecosystem and future plans.

AirPowerInternationalizationTypeScript
0 likes · 6 min read
Using AirPower i18n Module for Frontend Internationalization with TypeScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 8, 2025 · Frontend Development

auto-i18n-translation-plugins: Automatic Internationalization for Frontend Projects

This article introduces the auto-i18n-translation-plugins, a framework‑agnostic Vite/Webpack plugin that automatically extracts Chinese text from source code, replaces it with hash‑based $t calls, generates language packs, and seamlessly translates new or incremental strings using configurable translators such as Youdao or Google.

Babelautomationfrontend
0 likes · 18 min read
auto-i18n-translation-plugins: Automatic Internationalization for Frontend Projects
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 13, 2025 · Frontend Development

auto-i18n-translation-plugins: A Full-Automatic Frontend Internationalization Plugin for Vite and Webpack

The article introduces auto‑i18n‑translation‑plugins, a Babel‑based automatic internationalization plugin for frontend projects that works with Vite and Webpack, detailing its features, installation, configuration options, translator setup, usage examples, and best practices for generating multilingual JSON translation files without modifying business code.

JavaScriptWebpackfrontend
0 likes · 13 min read
auto-i18n-translation-plugins: A Full-Automatic Frontend Internationalization Plugin for Vite and Webpack
ByteFE
ByteFE
May 21, 2024 · Frontend Development

Comprehensive Guide to Internationalization (i18n) and Localization (l10n) in Web Development

This article provides an in‑depth overview of internationalization and localization for web applications, covering concepts such as language codes, locale handling, date and time formatting, number and currency formatting, text direction, layout adjustments, and practical JavaScript Intl API examples with code snippets.

Intl APIJavaScriptWeb Development
0 likes · 45 min read
Comprehensive Guide to Internationalization (i18n) and Localization (l10n) in Web Development
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Feb 29, 2024 · Frontend Development

Automated Internationalization Platform for Cloud Music Overseas Project

The Cloud Music overseas team built the Qianyu Platform, an automated i18n system that replaces manual copy handling with Babel‑based key generation, auto‑uploads, CDN publishing, and per‑language builds, dramatically boosting development efficiency, reducing maintenance, and delivering faster, lightweight multilingual experiences.

Babel PluginReactVue
0 likes · 24 min read
Automated Internationalization Platform for Cloud Music Overseas Project
Spring Full-Stack Practical Cases
Spring Full-Stack Practical Cases
Jan 4, 2024 · Backend Development

Master Spring i18n: A Complete Guide to Internationalization in Spring 5

This tutorial explains how Spring's internationalization (i18n) works, covering core APIs, bean initialization, configuration for both classic Spring and Spring Boot, message resource files, placeholder usage, and convenient accessor utilities, with full code examples for seamless multi‑language support.

InternationalizationJavaMessageSource
0 likes · 7 min read
Master Spring i18n: A Complete Guide to Internationalization in Spring 5
php中文网 Courses
php中文网 Courses
Nov 20, 2023 · Backend Development

Implementing Multilingual Support in PHP Using Gettext

This article explains how to add multilingual capabilities to PHP applications by defining language arrays, detecting user preferences, installing and configuring the gettext extension, creating .po/.mo translation files, and providing code examples for loading translations and switching languages.

backendgettexti18n
0 likes · 5 min read
Implementing Multilingual Support in PHP Using Gettext
php中文网 Courses
php中文网 Courses
Nov 14, 2023 · Backend Development

Implementing Multilingual Support in PHP Using Gettext

This article explains how to add robust multilingual capabilities to PHP applications by defining language arrays, detecting user preferences, configuring the gettext extension, creating translation files, and providing code examples for loading locales and switching languages.

PHPbackendgettext
0 likes · 5 min read
Implementing Multilingual Support in PHP Using Gettext
JD Tech
JD Tech
Aug 11, 2022 · Frontend Development

Building a Node CLI Tool for Frontend Internationalization Validation in Large Vue Projects

This article explains how to create a Node‑based CLI utility that automatically scans Vue and JavaScript files in a large front‑end codebase, extracts i18n calls via AST parsing, validates translation keys, and outputs consolidated results to improve internationalization efficiency and accuracy.

ASTVueautomation
0 likes · 12 min read
Building a Node CLI Tool for Frontend Internationalization Validation in Large Vue Projects
vivo Internet Technology
vivo Internet Technology
Feb 23, 2022 · Backend Development

Design and Implementation of Vivo Multi‑Language Document System

The article describes Vivo’s overseas sales team’s multi‑language document system, detailing its low‑maintenance i18n design that leverages the existing configuration center, a MCMS UI, and a runtime JAR to streamline project creation, translation, testing, publishing, and real‑time front‑end text updates across web and decoupled architectures.

Javabackendconfiguration
0 likes · 10 min read
Design and Implementation of Vivo Multi‑Language Document System
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 30, 2022 · Frontend Development

Implementing Internationalization in a Large React Project Using Gulp and Webpack

This article outlines a practical approach for adding i18n support to a mature React-based project by consolidating language resources, using i18next for business strings, leveraging Gulp for on‑demand locale builds, and integrating Webpack for seamless runtime loading and cache management.

GulpInternationalizationReact
0 likes · 11 min read
Implementing Internationalization in a Large React Project Using Gulp and Webpack
ByteFE
ByteFE
Dec 6, 2021 · Frontend Development

Compressing i18n Keys to Reduce Bundle Size and Speed Up Frontend Builds

This article describes a method for shortening i18n keys in Feishu's frontend architecture by encoding them into compact strings, integrating the process into Babel and webpack pipelines, and demonstrates a 7.2 MB reduction in total page code size for over 11,000 keys.

BabelCode CompressionWebpack
0 likes · 9 min read
Compressing i18n Keys to Reduce Bundle Size and Speed Up Frontend Builds
TikTok Frontend Technology Team
TikTok Frontend Technology Team
Nov 5, 2021 · Fundamentals

Internationalization (I18n) Overview and the Starling Platform

This article explains the concepts of internationalization, localization and globalization, outlines the objects and workflow of i18n, describes the evolution of the Starling platform and its tools, and provides practical guidelines for developers, product managers, and translators to implement robust multilingual support in software projects.

ECMA-402ICUInternationalization
0 likes · 14 min read
Internationalization (I18n) Overview and the Starling Platform
Sohu Tech Products
Sohu Tech Products
Sep 8, 2021 · Frontend Development

Practical Guide to Vue 3.2 Setup Sugar, <script setup> with TypeScript, and New Vue APIs

This article walks through preparing a Vue 3 + TypeScript project, explains the concept of setup sugar and its benefits, demonstrates the new compiler‑macro APIs such as defineProps, defineEmits and defineExpose, introduces useful hook APIs, covers Vue 3.2 additions like v‑memo and style‑variable binding, and provides tips for i18n, debugging and common pitfalls.

Composition APITypeScriptVolar
0 likes · 17 min read
Practical Guide to Vue 3.2 Setup Sugar, <script setup> with TypeScript, and New Vue APIs
ByteFE
ByteFE
May 17, 2021 · Frontend Development

CLI‑Based Multilingual Refactor for React Components Using translate‑cli and react‑intl‑universal

This article describes how to reduce the cost of adding multilingual support to existing React components by using the company's translate‑cli, an international translation platform, and the react‑intl‑universal library, together with a custom CLI built on commander and jscodeshift to automate code migration.

clii18njscodeshift
0 likes · 12 min read
CLI‑Based Multilingual Refactor for React Components Using translate‑cli and react‑intl‑universal
Ctrip Technology
Ctrip Technology
Feb 4, 2021 · Frontend Development

Front‑end Middle‑Platform Development for Ctrip and Trip: Componentization, Dark Mode, Internationalization, and Automated Testing

The article describes how Ctrip and Trip unified their disparate front‑end stacks by building a shared component library, splitting styles, adapting dark mode, implementing i18n/l10n, integrating automated testing in GitLab pipelines, and streamlining release and monitoring to improve development efficiency and reduce duplication.

CI/CDReact Nativecomponentization
0 likes · 19 min read
Front‑end Middle‑Platform Development for Ctrip and Trip: Componentization, Dark Mode, Internationalization, and Automated Testing
HomeTech
HomeTech
Sep 17, 2020 · Frontend Development

Implementing Internationalization (i18n) and Localization in React with react-intl

This article explains how to set up internationalization and localization in a React application using react-intl, covering project scaffolding, language file organization, ID naming conventions, message merging with webpack, and currency formatting with the Intl API.

JavaScriptReactfrontend
0 likes · 12 min read
Implementing Internationalization (i18n) and Localization in React with react-intl
Java Architecture Diary
Java Architecture Diary
Aug 11, 2020 · Backend Development

What’s New in Spring Boot Admin 2.3.0? Key Features and Upgrade Guide

Spring Boot Admin 2.3.0, built on Spring Boot 2.3.x and Spring Cloud Hoxton.SR7, introduces i18n support, metadata configuration, request‑body caching, a new ApplicationRegistrator interface, MBean name display improvements, and enhanced alarm notifications, with full dependency details and demo screenshots provided.

JavaRelease NotesSpring Boot
0 likes · 2 min read
What’s New in Spring Boot Admin 2.3.0? Key Features and Upgrade Guide
Laravel Tech Community
Laravel Tech Community
Apr 13, 2020 · Backend Development

Laravel Localization: Managing Language Files, Setting Locale, and Using Translation Strings

This guide explains Laravel's localization features, covering folder structure for language files, configuring default and fallback locales, defining translation strings with short keys or full text, retrieving them via helper functions, handling placeholders, and managing pluralization with trans_choice.

InternationalizationLaravelPHP
0 likes · 6 min read
Laravel Localization: Managing Language Files, Setting Locale, and Using Translation Strings
AntTech
AntTech
Dec 20, 2019 · Frontend Development

From R&D Pain Points to Mini‑Program Engineering: Stages, Tools, and Best Practices

This article outlines the evolution of mini‑program development at Ant Group, describing three engineering stages, essential tooling such as state management, Datahub mocking, monitoring, internationalization, component libraries, and SubApp architecture to bring mini‑programs closer to mainstream front‑end engineering practices.

frontend engineeringi18nmini-program
0 likes · 10 min read
From R&D Pain Points to Mini‑Program Engineering: Stages, Tools, and Best Practices