angular-best-practices-transloco

Original：🇺🇸 English

Translated

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

1installs

Sourcealfredoperez/angular-best-practices

Added on2026-02-21

NPX Install

npx skill4agent add alfredoperez/angular-best-practices angular-best-practices-transloco

SKILL.md Content

View Translation Comparison →

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.

Links

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

Core skill (recommended):

npx skills add alfredoperez/angular-best-practices --skill angular-best-practices

This add-on:

npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-transloco

Browse all skills: skills.sh/alfredoperez/angular-best-practices