Angular Best Practices Transloco

If you're using Transloco for Angular internationalization, this skill keeps you on the happy path with three focused patterns: lazy loading translation files per route so you're not shipping every language upfront, mocking translations in tests with TranslocoTestingModule to avoid flaky HTTP calls, and generally leveraging runtime language switching instead of build-time compilation. It's a companion to the main angular-best-practices skill from the same author, so install both for full coverage. The rules are straightforward and target real pain points like bundle size and test reliability rather than trying to teach you Transloco from scratch.

skills.sh installs: 342
GitHub stars: 36
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add alfredoperez/angular-best-practices --skill angular-best-practices-transloco --agent claude-code

Installs into .claude/skills of the current project.

Files

Angular Transloco Best Practices

Transloco rules for runtime internationalization, lazy-loaded translations, and testing. Use with the core angular-best-practices skill for comprehensive Angular coverage.

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