transloco
Angular
transloco | Angular | |
---|---|---|
15 | 699 | |
1,940 | 94,599 | |
1.0% | 0.3% | |
9.0 | 10.0 | |
7 days ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
transloco
-
Coping with i18n
Some libraries support ways to handle missing translations (e.g., TranslocoMissingHandler from Transloco or MissingTranslationHandler from ngx-translate). So that's a way to find out any missing translations, but that's quite manual because you have to go over every part of the served application.
-
Internationalization best practices for front-end developers
For Svelte.. not sure if there's a best package.
[0] https://github.com/ngneat/transloco
-
Episode 23/23: Hydration in Angular, Angular Community Meetup
Transloco 4.3: ChangeLog
-
Angular 16 Unveiled: Discover the Top 7 Features
We migrated from ngx-translate to Transloco ~2 years ago and it was quite painless. They have nice migration section for ngx-translate
-
Is the official angular/@localize i18n lib really the go to for localization?
You can take a look at Transloco. We use it all our projects.
-
Translate or Localize for a new web project
I find Transloco a lot easier to work with compared to lokalize: https://ngneat.github.io/transloco/
-
is it possible to serve locales based on browser language setting?
I'd recommend https://ngneat.github.io/transloco/
- Ng-News: Issue 22/12
-
How to use Angulars i18n in ongoing development?
There are a lot of tools available, but many depend on your budget. I personally enjoy Transloco.
-
Internationalization file maintenance for lazy loaded modules - Built in module
ngx-translate is in maintenance mode and won't be develop any further (see https://github.com/ngx-translate/core/issues/783). I would highly recommend to use Transloco instead (https://ngneat.github.io/transloco/). It has same functionality as ngx-translate. Last time I checked ngx-translate doesn't actually lazyLoad translations properly but Transloco does.
Angular
-
Angular Signals, Reactive Context, and Dynamic Dependency Tracking
/** * https://github.com/angular/angular/blob/75a186e321cb417685b2f13e9961906fc0aed36c/packages/core/src/render3/reactivity/untracked.ts#L15 * * packages/core/src/render3/reactivity/untracked.ts * **/ export function untracked(nonReactiveReadsFn: () => T): T { const prevConsumer = setActiveConsumer(null); try { return nonReactiveReadsFn(); } finally { setActiveConsumer(prevConsumer); } }
- Episode 24/15: Wiz behind the curtain, Copilot in VSCode
-
Always unsubscribe. No exceptions. Debate closed.
source: https://github.com/angular/angular/issues/46542
-
Angular Signals: Best Practices
Besides the dangers, mentioned by Angular docs (infinite loops, change detection errors), there is another thing, that might be quite nasty: effects are executed in a reactive context, and any code you call in effect, will be executed in a reactive context. If that code reads some signals, they will be added as dependencies to your effect. Here Alex Rickabaugh explains the details.
-
Understanding control flow syntax in Angular 17
In June 2023, the Angular team raised a new RFC to implement control flow syntaxes within Angular. They gave the following rationale for introducing control flow syntax:
- Episode 24/09: Testing without TestBed, SSR & Hydration
-
Preparing our Code for Zoneless Angular
For scheduling, I use awesome code I found in the Angular source code.
-
β° Itβs time to talk about Import Map, Micro Frontend, and Nx Monorepo
Just to give you more context, I led the migration of several AngularJS applications to the newer Angular Framework. My client finally decided to make that move following the AngularJS deprecation announcement (stay up to date please π)οΈ.
-
Conventional commit specification
Link β angular/CONTRIBUTING.md
-
Angular Control Flow: the complete guide
Angular v17 was released some months ago with a ton of new features, a brand new logo and the new blog angular.dev.
What are some alternatives?
ngx-translate-messageformat-compiler - Advanced pluralization (and more) for ngx-translate, using standard ICU syntax which is compiled with the help of messageformat.js.
Next.js - The React Framework
react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
qwik - Instant-loading web apps, without effort
i18next - i18next: learn once - translate everywhere
SvelteKit - web development, streamlined
angular-i18n-example - Angular internationalization example with @angular/localize
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
core - The internationalization (i18n) library for Angular
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
i18n - A set of functions to support multiple languages/cultures in a browser or Node.js.
lit - Lit is a simple library for building fast, lightweight web components.