Skip to content
Skillv1.0.0

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-tra

by alfredoperez(0) 0 installs
Free
Sign in to install

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from alfredoperez/angular-best-practices (skills/angular-best-practices-transloco/SKILL.md). Install upstream with npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-transloco. Copyright stays with the author (MIT).

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

Install from skills.sh/alfredoperez/angular-best-practices:

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml
targets:
  - https://api.opensmartroute.ai/api/v1/registry/alfredoperez-angular-best-practices-angular-best-practic-247016/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

alfredoperez-angular-best-practices-angular-best-practic-247016.ocm.jsonjson
{
  "ocm": "1",
  "id": "alfredoperez-angular-best-practices-angular-best-practic-247016",
  "kind": "skill",
  "name": "angular-best-practices-transloco",
  "description": "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.",
  "publisher": "alfredoperez",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "angular",
      "transloco",
      "i18n",
      "internationalization",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "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."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/alfredoperez/angular-best-practices",
      "path": "skills/angular-best-practices-transloco/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/alfredoperez/angular-best-practices/blob/HEAD/skills/angular-best-practices-transloco/SKILL.md",
      "key": "alfredoperez/angular-best-practices/skills/angular-best-practices-transloco/SKILL.md"
    },
    "license": "MIT"
  },
  "instructions": "# Angular Transloco Best Practices\n\nTransloco rules for runtime internationalization, lazy-loaded translations, and testing. Use with the core\n[angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\nskill for comprehensive Angular coverage.\n\n## Links\n\n- [Core Skill: angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\n- [Browse All Skills](https://skills.sh/alfredoperez/angular-best-practices)\n- [GitHub Repository](https://github.com/alfredoperez/angular-best-practices)\n\n## When to Apply\n\n- Adding r",
  "cost": {
    "context_tokens": 379
  }
}

Fetch it by URL: GET /api/v1/registry/alfredoperez-angular-best-practices-angular-best-practic-247016/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.