# Angular Best Practices Transloco

> Transloco i18n best practices for Angular. Covers runtime translation, lazy-loaded translation files per route, and test mocking. Activates when working with @jsverse/transloco. Do not use for ngx-translate or i18next. Install alongside angular-best-practices for full coverage.

- Skill: `lord1egypt/angular-best-practices-transloco` (Agent Skill)
- Install (CLI): `npx skillmds@latest add lord1egypt/angular-best-practices-transloco`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lord1egypt/angular-best-practices-transloco/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- License: MIT
- Author: Lord1Egypt (https://skillmd.com/u/lord1egypt)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/lord1egypt/angular-best-practices-transloco

---


# Angular Transloco Best Practices

Transloco rules for runtime internationalization, lazy-loaded translations, and testing. Use with the core
[angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)
skill for comprehensive Angular coverage.

## Links

- [Core Skill: angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)
- [Browse All Skills](https://skills.sh/alfredoperez/angular-best-practices)
- [GitHub Repository](https://github.com/alfredoperez/angular-best-practices)

## When to Apply

- Adding runtime i18n with the `transloco` pipe or directive
- Lazy-loading translation files per route with scopes
- Writing tests that use `TranslocoTestingModule`

## Rules

| Rule | Impact | Description |
|------|--------|-------------|
| Lazy Load Translation Files per Route | MEDIUM | Load scoped translations only when a route is activated |
| Mock Translations in Tests | MEDIUM | Fast deterministic tests without HTTP translation loading |
| Use Transloco for Runtime i18n | MEDIUM | Dynamic language switching without app rebuilds |

## Install

Install from [skills.sh/alfredoperez/angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices):

- Core skill: [angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)
- This add-on: [angular-best-practices-transloco](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices-transloco)