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.
5installs
Added on
NPX Install
npx skill4agent add alfredoperez/angular-best-practices angular-best-practices-translocoTags
Translated version includes tags in frontmatterSKILL.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 pipe or directive
transloco - 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-practicesThis add-on:
npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-translocoBrowse all skills: skills.sh/alfredoperez/angular-best-practices